<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<title>The CLOG manual</title>
<link type='text/css' href='style.css' rel='stylesheet'>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<script src="jquery.min.js"></script>
<script src="toc.min.js"></script>
<script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
   
</head>
<body>
<div id="content-container">
<div id="toc">
<div id="page-toc">
</div>
<div id="toc-footer"><ul><li><a href="https://github.com/melisgl/mgl-pax">[generated by MGL-PAX]</a></li></ul></div>
</div>
<div id="content">
<p><a id="x-28CLOG-3A-40CLOG-MANUAL-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-MANUAL%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION" title="CLOG Getting Started">&#8594;</a> <a href="clog-manual.html" title="The CLOG manual">&#8634;</a></span></span></p>

<h1><a href="clog-manual.html">The CLOG manual</a></h1>

<h2>Table of Contents</h2>

<ul>
<li><a href="#CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION" title="CLOG Getting Started">1 CLOG Getting Started</a></li>
<li><a href="#CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION" title="CLOG Programming Basics">2 CLOG Programming Basics</a></li>
<li><a href="#CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION" title="CLOG Event Data">3 CLOG Event Data</a></li>
<li><a href="#CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION" title="CLOG System">4 CLOG System</a></li>
<li><a href="#CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION" title="CLOG Utilities">5 CLOG Utilities</a></li>
<li><a href="#CLOG:@CLOG-OBJ%20MGL-PAX:SECTION" title="CLOG Objects">6 CLOG Objects</a></li>
<li><a href="#CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION" title="CLOG Elements">7 CLOG Elements</a></li>
<li><a href="#CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION" title="Common CLOG Elements">8 Common CLOG Elements</a></li>
<li><a href="#CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION" title="CLOG Presentations">9 CLOG Presentations</a></li>
<li><a href="#CLOG:@CLOG-DATA%20MGL-PAX:SECTION" title="CLOG Data">10 CLOG Data</a></li>
<li><a href="#CLOG:@CLOG-DBI%20MGL-PAX:SECTION" title="CLOG DBI">11 CLOG DBI</a></li>
<li><a href="#CLOG:@CLOG-PANELS%20MGL-PAX:SECTION" title="CLOG Panels">12 CLOG Panels</a></li>
<li><a href="#CLOG:@CLOG-TREE%20MGL-PAX:SECTION" title="CLOG Tree">13 CLOG Tree</a></li>
<li><a href="#CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION" title="CLOG Style Blocks">14 CLOG Style Blocks</a></li>
<li><a href="#CLOG:@CLOG-FORM%20MGL-PAX:SECTION" title="CLOG Form Objects">15 CLOG Form Objects</a></li>
<li><a href="#CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION" title="CLOG Canvas Objects">16 CLOG Canvas Objects</a></li>
<li><a href="#CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION" title="CLOG WebGL Objects">17 CLOG WebGL Objects</a></li>
<li><a href="#CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION" title="CLOG Multimedia Objects">18 CLOG Multimedia Objects</a></li>
<li><a href="#CLOG:@CLOG-AUTH%20MGL-PAX:SECTION" title="CLOG Auth Objects">19 CLOG Auth Objects</a></li>
<li><a href="#CLOG:@CLOG-GUI%20MGL-PAX:SECTION" title="CLOG GUI Objects">20 CLOG GUI Objects</a></li>
<li><a href="#CLOG:@CLOG-WEB%20MGL-PAX:SECTION" title="CLOG Web Objects">21 CLOG Web Objects</a></li>
<li><a href="#CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION" title="CLOG Web DBI">22 CLOG Web DBI</a></li>
<li><a href="#CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION" title="CLOG Web Site Themes">23 CLOG Web Site Themes</a></li>
<li><a href="#CLOG:@CLOG-BODY%20MGL-PAX:SECTION" title="CLOG Body Objects">24 CLOG Body Objects</a></li>
<li><a href="#CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION" title="CLOG Window Objects">25 CLOG Window Objects</a></li>
<li><a href="#CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION" title="CLOG Document Objects">26 CLOG Document Objects</a></li>
<li><a href="#CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION" title="CLOG Location Objects">27 CLOG Location Objects</a></li>
<li><a href="#CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION" title="CLOG Navigator Objects">28 CLOG Navigator Objects</a></li>
<li><a href="#CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION" title="CLOG jQuery Objects">29 CLOG jQuery Objects</a></li>
<li><a href="#CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION" title="CLOG Helper Functions">30 CLOG Helper Functions</a></li>
<li><a href="#CLOG:@CLOG-INTERNALS%20MGL-PAX:SECTION" title="CLOG Framework internals and extensions">31 CLOG Framework internals and extensions</a></li>
</ul>

<h6>[in package CLOG]</h6>

<p>The Common Lisp Omnificient GUI, CLOG for short, uses web technology to
produce graphical user interfaces for applications locally or remotely.
CLOG can take the place, or work along side, most cross platform GUI
frameworks and website frameworks. The CLOG package starts up the
connectivity to the browser or other websocket client (often a browser
embedded in a native template application.)</p>

<p><a id="x-28CLOG-3A-40CLOG-GETTING-STARTED-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="clog-manual.html" title="The CLOG manual">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION" title="CLOG Programming Basics">&#8594;</a> <a href="#CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION" title="CLOG Getting Started">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION">1 CLOG Getting Started</a></h2>

<p>CLOG - The Common Lisp Omnificent GUI</p>

<p>David Botton <a href="m&#x61;&#105;l&#x74;&#111;:&#x64;&#97;v&#x69;&#100;@&#x62;&#111;t&#x74;&#111;n&#x2E;&#99;o&#x6D;">m&#x61;&#105;l&#x74;&#111;:&#x64;&#97;v&#x69;&#100;@&#x62;&#111;t&#x74;&#111;n&#x2E;&#99;o&#x6D;</a></p>

<p>License BSD 3-Clause License</p>

<p>The Common Lisp Omnificent GUI, CLOG for short, uses web technology to
produce graphical user interfaces for applications locally or remotely.
CLOG can take the place, or work alongside, most cross-platform GUI
frameworks and website frameworks. The CLOG package starts up the
connectivity to the browser or other websocket client (often a browser
embedded in a native template application.)</p>

<p>STATUS: CLOG's API is mature and stable. Tools and new plugins always in
the works. Check the github discussion boards for the latest.</p>

<p>Some potential applications for CLOG:</p>

<ul>
<li><p>Cross-platform GUIs and Reports</p></li>
<li><p>Secure websites and complex interactive web applications</p></li>
<li><p>Mobile software</p></li>
<li><p>Massive multiplayer online games</p></li>
<li><p>Monitoring software for embedded systems</p></li>
<li><p>A fun way to teach programming and advanced multi-tasking
  parallel programming techniques. (CLOG is a parallel GUI)</p></li>
<li><p>And the list goes on</p></li>
</ul>

<p>The key to CLOG is the relationship it forms with a Browser window
or Browser control compiled to native code. CLOG uses websockets
for communications and the browser to render a GUI that maintains
an active soft realtime connection. For most CLOG applications all
programming logic, events and decisions are done on the server
which can be local, or remote over the web.</p>

<p>CLOG is developed on an M1 MacBook with ECL and SBCL,
it is tested fairly regulary with SBCL on Linux, Windows and
Intel MacBook. It should in theory work on any system with
Quicklisp and CLACK.</p>

<p>CLOG is in Quicklisp (ql:quickload :clog), but you may want to live on the bleeding edge
and use Ultralisp or clone the github repo into your
~/common-lisp directory (or other quicklisp/asdf findable
directory):</p>

<pre><code><span class="code">cd ~/common-lisp
git clone https://github.com/rabbibotton/clog.git</span></code></pre>

<p>To load this package and work through tutorials (assuming you
have Quicklisp configured.)</p>

<p>Note: If using portacle for Windows you will need to
update Quicklisp use (ql:update-dist &quot;quicklisp&quot;)
You will also likely need to copy the sqlite3 dll from
https://www.sqlite.org/download.html to portaclewinlib</p>

<ol>
<li><p>Start emacs then M-x slime</p></li>
<li><p>In the REPL, run:</p></li>
</ol>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog</span></span>)</span>
CL-USER&gt; <span class="paren1">(<span class="code">clog:run-tutorial 1</span>)</span></span></code></pre>

<p>Tip for Windows WSL linux user. Install &quot;sudo apt install xdg-utils&quot;
to install xdg-open so that run-tutorial uses the windows browser.</p>

<p>To see where the source, tutorial and demo files are:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">clog:clog-install-dir</span>)</span></span></code></pre>

<p>You can the run the demos with:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog</span></span>)</span>
CL-USER&gt; <span class="paren1">(<span class="code">clog:run-demo 1</span>)</span></span></code></pre>

<p>The clog-db-admin tool can be run with:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog/tools</span></span>)</span>
CL-USER&gt; <span class="paren1">(<span class="code">clog-tools:clog-db-admin</span>)</span></span></code></pre>

<p>The clog-builder GUI Builder tool can be run with:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog/tools</span></span>)</span>
CL-USER&gt; <span class="paren1">(<span class="code">clog-tools:clog-builder</span>)</span></span></code></pre>

<p>You can also open a &quot;clog-repl&quot; window in your browser to play
from the common-lisp repl:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">in-package clog-user</span>)</span>
CLOG-USER&gt; <span class="paren1">(<span class="code">clog-repl</span>)</span>
CLOG-USER&gt; <span class="paren1">(<span class="code">setf <span class="paren2">(<span class="code">background-color <span class="special">*body*</span></span>)</span> <span class="string">"beige"</span></span>)</span>
CLOG-USER&gt; <span class="paren1">(<span class="code">create-div <span class="special">*body*</span> <span class="keyword">:content</span> <span class="string">"Hello World!"</span></span>)</span></span></code></pre>

<p>The clog-repl <a href="#CLOG:URL%20GENERIC-FUNCTION" title="CLOG:URL GENERIC-FUNCTION"><code>URL</code></a> is http://127.0.0.1:8080/repl <em>body</em> will always refer to the
last access of that <code>URL</code>.</p>

<p>To open a browser with the CLOG manual:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">clog:open-manual</span>)</span></span></code></pre>

<p>Work your way through the tutorials. You will see how quick and easy it is
to be a CLOGer. The next section also covers the basic programming concepts
needed for mastering CLOG.</p>

<p><a id="x-28CLOG-3A-40CLOG-PROGRAMMING-BASICS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-GETTING-STARTED%20MGL-PAX:SECTION" title="CLOG Getting Started">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION" title="CLOG Event Data">&#8594;</a> <a href="#CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION" title="CLOG Programming Basics">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION">2 CLOG Programming Basics</a></h2>

<ul>
<li><p>Prerequisites- You don't have to be an expert in Common Lisp but should know the basics</p>

<ul>
<li><p>You <em>don't</em> need to know JavaScript</p></li>
<li><p>You don't need to know <code>HTML</code> but it helps unless someone else is doing the
  design work.</p></li>
<li><p>You have installed CLOG and (ql:quickload :clog) is working for you.</p></li>
</ul></li>
<li><p>Simple REPL techniques Tutorial</p></li>
</ul>

<p>We first need to load CLOG</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">ql:quickload <span class="keyword">:clog</span></span>)</span>
To load "clog":
  Load 1 ASDF system:
    clog
<span class="comment">; Loading "clog"
</span>................................................
<span class="paren1">(<span class="code"><span class="keyword">:CLOG</span></span>)</span></span></code></pre>

<p>Next, we tell clog to start a clog-repl:</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">clog:clog-repl</span>)</span>
Hunchentoot server is started.
Listening on 0.0.0.0:8080.
HTTP listening on    : 0.0.0.0:8080
HTML Root            : ~/common-lisp/clog/static-files/
Boot file for path / : /debug.html

Use clog-user:*body* to access the clog-repl window.
NIL</span></code></pre>

<p>At this point CLOG should open a browser window to
 http://127.0.0.1:8008/repl</p>

<p>We can now enter the clog-user package and hack a way.</p>

<pre><code><span class="code">CL-USER&gt; <span class="paren1">(<span class="code">in-package clog-user</span>)</span>
#&lt;"CLOG-USER" package&gt;
CLOG-USER&gt; <span class="paren1">(<span class="code">setf <span class="paren2">(<span class="code">background-color <span class="special">*body*</span></span>)</span> <span class="keyword">:red</span></span>)</span></span></code></pre>

<p>Something more than an empty lambda function is needed to do more. The
tutorials are a good place to start with make CLOG apps in code, so
here we are going to demonstrate the concepts using some REPL tricks
to help developing CLOG apps in general.</p>

<p>(From here on, we will leave out the prompts and responses in our quotes of
code.)</p>

<pre><code><span class="code"><span class="paren1">(<span class="code">create-div <span class="special">*body*</span> <span class="keyword">:content</span> <span class="string">"Hello World"</span></span>)</span></span></code></pre>

<p>If you have the browser on the screen you will see the results immediately. Try
this line and you can watch it happen:</p>

<pre><code><span class="code"><span class="paren1">(<span class="code">dotimes <span class="paren2">(<span class="code">n 10</span>)</span> <span class="paren2">(<span class="code">create-div <span class="special">*body*</span> <span class="keyword">:content</span> <span class="paren3">(<span class="code">format nil <span class="string">"Line ~A - Hello World"</span> n</span>)</span></span>)</span> <span class="paren2">(<span class="code">sleep .3</span>)</span></span>)</span></span></code></pre>

<p>We can also set and respond to events and set properties etc:</p>

<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">tmp <span class="paren4">(<span class="code">create-button <span class="special">*body*</span> <span class="keyword">:content</span> <span class="string">"Click Me"</span></span>)</span></span>)</span></span>)</span>
  <span class="paren2">(<span class="code">set-on-click tmp <span class="paren3">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren4">(<span class="code">obj</span>)</span><span class="paren4">(<span class="code">setf <span class="paren5">(<span class="code">hiddenp tmp</span>)</span> t</span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>

<p>Since we already initialized CLOG let's use <a href="#CLOG:SET-ON-NEW-WINDOW%20FUNCTION" title="CLOG:SET-ON-NEW-WINDOW FUNCTION"><code>SET-ON-NEW-WINDOW</code></a> to change our
on-new-window handler (handler is just a made up name for a function that
will handle an event).</p>

<pre><code><span class="code">CLOG-USER&gt; <span class="paren1">(<span class="code">set-on-new-window <span class="paren2">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren3">(<span class="code">body</span>)</span> <span class="paren3">(<span class="code">create-div body <span class="keyword">:content</span> <span class="string">"Hello World!"</span></span>)</span></span>)</span></span>)</span></span></code></pre>

<p>Now any new window opened will not be using CLOG REPL but instead will execute our handler.</p>

<p>Important take aways to using CLOG from the REPL:</p>

<ol>
<li><p>You will need to pass to a global from the running system whatever you want to tinker
with in the live system from the REPL.</p></li>
<li><p>Any time you recompile the on-new-window handler or want to use a different one
you will need to use <code>SET-ON-NEW-WINDOW</code>.</p></li>
<li><p>Similarily with all events, any time an event handler is recompiled or want to
change the even hander, set-on-* function will need to be called.</p></li>
</ol>

<p><a id="x-28CLOG-3A-40CLOG-EVENT-DATA-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-PROGRAMMING-BASICS%20MGL-PAX:SECTION" title="CLOG Programming Basics">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION" title="CLOG System">&#8594;</a> <a href="#CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION" title="CLOG Event Data">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION">3 CLOG Event Data</a></h2>

<p>Some events in CLOG return in addition to the target event, event data.
The data is passed in the second argument to the event handler as a
property list. To retrieve the data use (getf data :property) the available
properties (to use for :property) are based on the event type.</p>

<p>Events in clog-base</p>

<pre><code> :event-type   :mouse
 :x            x relative to the target
 :y            y relative to the target
 :screen-x     x relative to the users screen
 :screen-y     y relative to the users screen
 :which-button which mouse button clicked
 :alt-key      t or nil if alt-key held down
 :ctrl-key     t or nil if ctrl-key held down
 :shift-key    t or nil if shift-key held down
 :meta-key     t or nil if meta-key held down

 :event-type  :wheel
 :delta-x     change in x float
 :delta-y     change in y float
 :delta-z     change in z float
 :delta-mode  unit of measure used for delta values
              0 - pixel  1 - line  2 - page

 :event-type   :pointer
 :x            x relative to the target
 :y            y relative to the target
 :screen-x     x relative to the users screen
 :screen-y     y relative to the users screen
 :which-button which mouse button clicked
 :alt-key      t or nil if alt-key held down
 :ctrl-key     t or nil if ctrl-key held down
 :shift-key    t or nil if shift-key held down
 :meta-key     t or nil if meta-key held down

 :event-type     :touch
 :x              x relative to the target
 :y              y relative to the target
 :screen-x       x relative to the users screen
 :screen-y       y relative to the users screen
 :number-fingers number of fingers being used
 :alt-key        t or nil if alt-key held down
 :ctrl-key       t or nil if ctrl-key held down
 :shift-key      t or nil if shift-key held down
 :meta-key       t or nil if meta-key held down

 :event-type :keyboard
 :key        String of key pressed, with out modifiers like ctrl characters
 :key-code   The utf-16 value of :key
 :char-code  UTF-8 representation for key pressed when possible - deprecated
 :alt-key    t or nil if alt-key held down
 :ctrl-key   t or nil if ctrl-key held down
 :shift-key  t or nil if shift-key held down
 :meta-key   t or nil if meta-key held down
</code></pre>

<p>Events in clog-window</p>

<pre><code> :event-type :storage
 :key        local storage key that was updated (even in another window)
 :old-value  old key value
 :value      new key value
</code></pre>

<p><a id="x-28CLOG-3A-40CLOG-SYSTEM-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-EVENT-DATA%20MGL-PAX:SECTION" title="CLOG Event Data">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION" title="CLOG Utilities">&#8594;</a> <a href="#CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION" title="CLOG System">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION">4 CLOG System</a></h2>

<p>CLOG Startup and Shutdown</p>

<p><a id="x-28CLOG-3AINITIALIZE-20FUNCTION-29"></a>
<a id="CLOG:INITIALIZE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:INITIALIZE%20FUNCTION" >INITIALIZE</a></span></span> <span class="locative-args">ON-NEW-WINDOW-HANDLER &amp;REST REST &amp;KEY (HOST &quot;0.0.0.0&quot;) (PORT 8080) (SERVER <code>:HUNCHENTOOT</code>) (LACK-MIDDLEWARE-LIST <code>NIL</code>) (EXTENDED-ROUTING <code>NIL</code>) (LONG-POLL-FIRST <code>NIL</code>) (BOOT-FILE &quot;/boot.html&quot;) (BOOT-FUNCTION <code>NIL</code>) (STATIC-BOOT-HTML <code>NIL</code>) (STATIC-BOOT-JS <code>NIL</code>) (STATIC-ROOT (<a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_merge_.htm" title="MERGE-PATHNAMES (MGL-PAX:CLHS FUNCTION)"><code>MERGE-PATHNAMES</code></a> &quot;./static-files/&quot; (<code>ASDF/SYSTEM:SYSTEM-SOURCE-DIRECTORY</code> <code>:CLOG</code>))) (SSL <code>NIL</code>) (SSL-KEY-FILE <code>NIL</code>) (SSL-CERT-FILE <code>NIL</code>)</span></span></p>

<p>Inititalize CLOG on a socket using <code>HOST</code> and <code>PORT</code> to serve <code>BOOT-FILE</code> as the
default route to establish web-socket connections and static files located at
<code>STATIC-ROOT</code>. The webserver used with CLACK can be chosen with <code>:SERVER</code> and
middlewares prepended with <code>:LACK-MIDDLEWARE-LIST</code>, <code>NOT</code>(<a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_not.htm" title="NOT (MGL-PAX:CLHS FUNCTION)"><code>0</code></a> <a href="http://www.lispworks.com/documentation/HyperSpec/Body/t_not.htm" title="NOT (MGL-PAX:CLHS TYPE)"><code>1</code></a>) supporting LACK.BUILDER
DSL.  If <code>EXTENDED-ROUTING</code> is t routes will match even if extend with additional
/ and additional paths. If LONG-POLLING-FIRST is t then long polling continues
until the on-new-window-handler ends, if LONG-POLLING-FIRST is a number
continues long polling until that number of queries to browser.
LONG-POLLING-FIRST is used in webserver applications to enable crawling of your
website. If CLOG was already initialized and not shut down, this function does
the same as set-on-new-window (does not change the static-root). If
<code>ON-NEW-WINDOW-HANDLER</code> is nil no handler is set and none is removed. <code>STATIC-ROOT</code>
by default is the &quot;directory CLOG is installed in ./static-files&quot; If the
variable clog:*overide-static-root* is set <code>STATIC-ROOT</code> will be ignored. If
<code>BOOT-FILE</code> is nil no default boot-file will be set for root path, i.e. /. If
static-boot-js is t then boot.js is served from the file /js/boot.js instead of
the compiled version. If static-boot-html is t if boot.html is not present will
use compiled version otherwise if set to nil (default) if a boot file not found
returns returns a blank page, if it is set to :error will signal an error and if
set to a string will display the string. boot-function if set is called with the
url and the contents of boot-file and its return value replaces the contents
sent to the brower, this allows adding content for search engine optimization,
see tutorial 12 for an example. If port is nil or 0 a random available port
number is chosen.</p></li>
</ul>

<p><a id="x-28CLOG-CONNECTION-3A-2ASTATIC-ROOT-2A-20VARIABLE-29"></a>
<a id="CLOG-CONNECTION:*STATIC-ROOT*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:*STATIC-ROOT*%20VARIABLE" >*STATIC-ROOT*</a></span></span> <span class="locative-args">NIL</span></span></p>

<p>Contains the static-root setting after initialization.</p></li>
</ul>

<p><a id="x-28CLOG-CONNECTION-3A-2ACLOG-PORT-2A-20VARIABLE-29"></a>
<a id="CLOG-CONNECTION:*CLOG-PORT*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:*CLOG-PORT*%20VARIABLE" >*CLOG-PORT*</a></span></span> <span class="locative-args">8080</span></span></p>

<p>Port this instance of clog was started on</p></li>
</ul>

<p><a id="x-28CLOG-3A-2ACLOG-DEBUG-2A-20VARIABLE-29"></a>
<a id="CLOG:*CLOG-DEBUG*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*CLOG-DEBUG*%20VARIABLE" >*CLOG-DEBUG*</a></span></span> <span class="locative-args">NIL</span></span></p>

<p>Set a debug hook that is called for every event with (event data)
that must be (funcall event data).</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-NEW-WINDOW-20FUNCTION-29"></a>
<a id="CLOG:SET-ON-NEW-WINDOW%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-NEW-WINDOW%20FUNCTION" >SET-ON-NEW-WINDOW</a></span></span> <span class="locative-args">ON-NEW-WINDOW-HANDLER &amp;KEY (PATH &quot;/&quot;) (BOOT-FILE &quot;/boot.html&quot;)</span></span></p>

<p>Set or change the <code>ON-NEW-WINDOW-HANDLER</code> for <code>PATH</code> using
BOOT_FILE. Paths should always begin with a forward slash '/'. If <code>PATH</code>
is set to :default any path without another route and there is no
static file matching the requested path <code>ON-NEW-WINDOW-HANDLER</code> and
<code>BOOT-FILE</code> will be used. If <code>BOOT-FILE</code> is nil path is removed.</p></li>
</ul>

<p><a id="x-28CLOG-3AIS-RUNNING-P-20FUNCTION-29"></a>
<a id="CLOG:IS-RUNNING-P%20FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:IS-RUNNING-P%20FUNCTION" >IS-RUNNING-P</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ASHUTDOWN-20FUNCTION-29"></a>
<a id="CLOG:SHUTDOWN%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SHUTDOWN%20FUNCTION" >SHUTDOWN</a></span></span></span></p>

<p>Shutdown CLOG.</p></li>
</ul>

<p><a id="x-28CLOG-3ADEBUG-MODE-20FUNCTION-29"></a>
<a id="CLOG:DEBUG-MODE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:DEBUG-MODE%20FUNCTION" >DEBUG-MODE</a></span></span> <span class="locative-args">OBJ</span></span></p>

<p>Turn on browser console debugging for <code>OBJ</code>'s connection.</p></li>
</ul>

<p><a id="x-28CLOG-3AOPEN-FILE-WITH-OS-20FUNCTION-29"></a>
<a id="CLOG:OPEN-FILE-WITH-OS%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:OPEN-FILE-WITH-OS%20FUNCTION" >OPEN-FILE-WITH-OS</a></span></span> <span class="locative-args">PATH</span></span></p>

<p>Open <code>PATH</code> using OS</p></li>
</ul>

<p><a id="x-28CLOG-3AOPEN-BROWSER-20FUNCTION-29"></a>
<a id="CLOG:OPEN-BROWSER%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:OPEN-BROWSER%20FUNCTION" >OPEN-BROWSER</a></span></span> <span class="locative-args">&amp;KEY (URL (<a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_format.htm" title="FORMAT (MGL-PAX:CLHS FUNCTION)"><code>FORMAT</code></a> <code>NIL</code> &quot;http://127.0.0.1:~A&quot; <a href="#CLOG-CONNECTION:*CLOG-PORT*%20VARIABLE" title="CLOG-CONNECTION:*CLOG-PORT* VARIABLE"><code>*CLOG-PORT*</code></a>))</span></span></p>

<p>Launch on os a web browser on local machine to <code>URL</code>. See <a href="#CLOG:OPEN-WINDOW%20GENERIC-FUNCTION" title="CLOG:OPEN-WINDOW GENERIC-FUNCTION"><code>OPEN-WINDOW</code></a>
for openning windows on remote machines.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-UTILITIES-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-SYSTEM%20MGL-PAX:SECTION" title="CLOG System">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-OBJ%20MGL-PAX:SECTION" title="CLOG Objects">&#8594;</a> <a href="#CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION" title="CLOG Utilities">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION">5 CLOG Utilities</a></h2>

<p>Concurrent Hash Tables</p>

<p><a id="x-28CLOG-CONNECTION-3AMAKE-HASH-TABLE-2A-20FUNCTION-29"></a>
<a id="CLOG-CONNECTION:MAKE-HASH-TABLE*%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:MAKE-HASH-TABLE*%20FUNCTION" >MAKE-HASH-TABLE*</a></span></span> <span class="locative-args">&amp;REST ARGS</span></span></p>

<p>Use native concurrent hash tables</p></li>
</ul>

<p>Declerative Syntax Support</p>

<p><a id="x-28CLOG-3AWITH-CLOG-CREATE-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:WITH-CLOG-CREATE%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:WITH-CLOG-CREATE%20MGL-PAX:MACRO" >WITH-CLOG-CREATE</a></span></span> <span class="locative-args">OBJ SPEC &amp;BODY BODY</span></span></p>

<p>To use the macro you remove the create- from the create
functions. The clog-obj passed as the first parameter of the macro is
passed as the parent obj to the declared object, after that nested
levels of decleraton are used as the parent clog-obj. To bind a
variable to any created clog object using :bind var. See tutorial 33
and 22 for examples. All create- symbols must be in or used by
package.</p></li>
</ul>

<p>CLOG ID utilities</p>

<p><a id="x-28CLOG-CONNECTION-3AGENERATE-ID-20FUNCTION-29"></a>
<a id="CLOG-CONNECTION:GENERATE-ID%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:GENERATE-ID%20FUNCTION" >GENERATE-ID</a></span></span></span></p>

<p>Generate unique ids for use in scripts.</p></li>
</ul>

<p><a id="x-28CLOG-CONNECTION-3ARANDOM-HEX-STRING-20FUNCTION-29"></a>
<a id="CLOG-CONNECTION:RANDOM-HEX-STRING%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:RANDOM-HEX-STRING%20FUNCTION" >RANDOM-HEX-STRING</a></span></span></span></p>

<p>Generate cryptographic grade random ids for use in connections.</p></li>
</ul>

<p>CLOG JS utilities</p>

<p><a id="x-28CLOG-3AJS-TRUE-P-20FUNCTION-29"></a>
<a id="CLOG:JS-TRUE-P%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:JS-TRUE-P%20FUNCTION" >JS-TRUE-P</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Return true if <code>VALUE</code> equalp the string true</p></li>
</ul>

<p><a id="x-28CLOG-3AP-TRUE-JS-20FUNCTION-29"></a>
<a id="CLOG:P-TRUE-JS%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:P-TRUE-JS%20FUNCTION" >P-TRUE-JS</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Return &quot;true&quot; if <code>VALUE</code> t</p></li>
</ul>

<p><a id="x-28CLOG-3AJS-ON-P-20FUNCTION-29"></a>
<a id="CLOG:JS-ON-P%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:JS-ON-P%20FUNCTION" >JS-ON-P</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Return true if <code>VALUE</code> equalp the string on</p></li>
</ul>

<p><a id="x-28CLOG-3AP-ON-JS-20FUNCTION-29"></a>
<a id="CLOG:P-ON-JS%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:P-ON-JS%20FUNCTION" >P-ON-JS</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Return &quot;on&quot; if <code>VALUE</code> t or return &quot;off&quot;</p></li>
</ul>

<p><a id="x-28CLOG-3AESCAPE-FOR-HTML-20FUNCTION-29"></a>
<a id="CLOG:ESCAPE-FOR-HTML%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:ESCAPE-FOR-HTML%20FUNCTION" >ESCAPE-FOR-HTML</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Returns a string where < and > are replaced with html entities. This is
particularly useful as #&lt;&gt; is used for unprintable objects in Lisp. Value is
converted with format to a string first.</p></li>
</ul>

<p><a id="x-28CLOG-CONNECTION-3AESCAPE-STRING-20FUNCTION-29"></a>
<a id="CLOG-CONNECTION:ESCAPE-STRING%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-CONNECTION:ESCAPE-STRING%20FUNCTION" >ESCAPE-STRING</a></span></span> <span class="locative-args">STR &amp;KEY (NO-NIL <code>NIL</code>) (HTML <code>NIL</code>)</span></span></p>

<p>Escape <code>STR</code> for sending to browser script. If no-nil is t (default is nil)
if str is <code>NIL</code> returns empty string otherwise returns nil. If html is t the
quotes are changed to html entities and n and r are eliminated. Escape
string is used for wire readiness i.e. ability to be evaluated client side
and not for security purposes or html escapes.</p></li>
</ul>

<p><a id="x-28CLOG-3ALF-TO-BR-20FUNCTION-29"></a>
<a id="CLOG:LF-TO-BR%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:LF-TO-BR%20FUNCTION" >LF-TO-BR</a></span></span> <span class="locative-args">STR</span></span></p>

<p>Change line feeds to <br>.</p></li>
</ul>

<p><a id="x-28CLOG-3AJS-TO-INTEGER-20FUNCTION-29"></a>
<a id="CLOG:JS-TO-INTEGER%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:JS-TO-INTEGER%20FUNCTION" >JS-TO-INTEGER</a></span></span> <span class="locative-args">VALUE &amp;KEY (DEFAULT 0)</span></span></p>

<p>Returns two values first as an integer and second the original value</p></li>
</ul>

<p><a id="x-28CLOG-3AJS-TO-FLOAT-20FUNCTION-29"></a>
<a id="CLOG:JS-TO-FLOAT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:JS-TO-FLOAT%20FUNCTION" >JS-TO-FLOAT</a></span></span> <span class="locative-args">VALUE &amp;KEY (DEFAULT 0.0d0)</span></span></p>

<p>Returns two values first as a float and second the original value</p></li>
</ul>

<p>CLOG Color utilities</p>

<p><a id="x-28CLOG-3ARGB-20FUNCTION-29"></a>
<a id="CLOG:RGB%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:RGB%20FUNCTION" >RGB</a></span></span> <span class="locative-args">RED GREEN BLUE</span></span></p>

<p>Return <code>RGB</code> string, red green and blue may be 0-255</p></li>
</ul>

<p><a id="x-28CLOG-3ARGB-TO-HEX-20FUNCTION-29"></a>
<a id="CLOG:RGB-TO-HEX%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:RGB-TO-HEX%20FUNCTION" >RGB-TO-HEX</a></span></span> <span class="locative-args">RGB</span></span></p>

<p>Return hex #rrggbb from rgb(red,green,blue)</p></li>
</ul>

<p><a id="x-28CLOG-3ARGBA-20FUNCTION-29"></a>
<a id="CLOG:RGBA%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:RGBA%20FUNCTION" >RGBA</a></span></span> <span class="locative-args">RED GREEN BLUE ALPHA</span></span></p>

<p>Return <code>RGBA</code> string, red green and blue may be 0-255, alpha 0.0 - 1.0</p></li>
</ul>

<p><a id="x-28CLOG-3AHSL-20FUNCTION-29"></a>
<a id="CLOG:HSL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:HSL%20FUNCTION" >HSL</a></span></span> <span class="locative-args">HUE SATURATION LIGHTNESS</span></span></p>

<p>Return <code>HSL</code> string, hue 0-360, saturation and lightness 0%-100%</p></li>
</ul>

<p><a id="x-28CLOG-3AHSLA-20FUNCTION-29"></a>
<a id="CLOG:HSLA%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:HSLA%20FUNCTION" >HSLA</a></span></span> <span class="locative-args">HUE SATURATION LIGHTNESS ALPHA</span></span></p>

<p>Return <code>HSLA</code> string, hue 0-360, saturation and lightness 0%-100%,
alpha 0.0 - 1.0</p></li>
</ul>

<p>CLOG Unit utilities</p>

<p><a id="x-28CLOG-3AUNIT-20FUNCTION-29"></a>
<a id="CLOG:UNIT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:UNIT%20FUNCTION" >UNIT</a></span></span> <span class="locative-args">UNIT-TYPE VALUE</span></span></p>

<p>produce a string from numeric value with <code>UNIT-TYPE</code> appended.</p></li>
</ul>

<p><a id="x-28CLOG-3AUNIT-2A-20FUNCTION-29"></a>
<a id="CLOG:UNIT*%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:UNIT*%20FUNCTION" >UNIT*</a></span></span> <span class="locative-args">UNIT-TYPE VALUE</span></span></p>

<p>Returns value and if no unit was specified on value
unit added unless value is empty string or nil.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-OBJ-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-OBJ%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-UTILITIES%20MGL-PAX:SECTION" title="CLOG Utilities">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION" title="CLOG Elements">&#8594;</a> <a href="#CLOG:@CLOG-OBJ%20MGL-PAX:SECTION" title="CLOG Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-OBJ%20MGL-PAX:SECTION">6 CLOG Objects</a></h2>

<p>CLOG-Obj - Base class for CLOG Objects</p>

<p><a id="x-28CLOG-3ACLOG-OBJ-20CLASS-29"></a>
<a id="CLOG:CLOG-OBJ%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-OBJ%20CLASS" >CLOG-OBJ</a></span></span></span></p>

<p>CLOG objects (clog-obj) encapsulate the connection between
lisp and an <code>HTML</code> DOM element.</p></li>
</ul>

<p><a id="x-28CLOG-3APARENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PARENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PARENT%20GENERIC-FUNCTION" >PARENT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Returns the clog-obj of the obj that was used as creation
parent if was set or nil. This is not per se the parent in the DOM.</p></li>
</ul>

<p>CLOG-Obj - General Properties</p>

<p><a id="x-28CLOG-3APROPERTY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PROPERTY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PROPERTY%20GENERIC-FUNCTION" >PROPERTY</a></span></span> <span class="locative-args">CLOG-OBJ PROPERTY-NAME &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Get/Setf html property.</p></li>
</ul>

<p>CLOG-Obj - General Methods</p>

<p><a id="x-28CLOG-3AHEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HEIGHT%20GENERIC-FUNCTION" >HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get/Setf html height in pixels.</p></li>
</ul>

<p><a id="x-28CLOG-3AWIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:WIDTH%20GENERIC-FUNCTION" >WIDTH</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get/Setf html width in pixels.</p></li>
</ul>

<p><a id="x-28CLOG-3AFOCUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FOCUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FOCUS%20GENERIC-FUNCTION" >FOCUS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Focus on <code>CLOG-OBJ</code></p></li>
</ul>

<p><a id="x-28CLOG-3ABLUR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BLUR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BLUR%20GENERIC-FUNCTION" >BLUR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Remove focus from <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Obj - Low Level</p>

<p><a id="x-28CLOG-3A-2ASTORE-NEW-OBJECTS-2A-20VARIABLE-29"></a>
<a id="CLOG:*STORE-NEW-OBJECTS*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*STORE-NEW-OBJECTS*%20VARIABLE" >*STORE-NEW-OBJECTS*</a></span></span> <span class="locative-args">NIL</span></span></p>

<p>Dynamic variable that when true every create-* or attach-* will also
create a connection-data-item keyed by the html-id. Any object stored
will not be garbage collected on the browser side or lisp side.</p></li>
</ul>

<p><a id="x-28CLOG-3ACONNECTION-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONNECTION-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONNECTION-DATA%20GENERIC-FUNCTION" >CONNECTION-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get connection-data that is associated with
clog-obj's connection that will persist regardless of thread calling.
The event hooks are stored in this string based hash in the format of:
&quot;html-id:event-name&quot; =&gt; #'event-handler. clog-* keys are reserved
for internal use of clog.</p>

<p>The following default keys are set:
&quot;clog-body&quot;      clog-body of this connection, see <a href="#CLOG:CONNECTION-BODY%20GENERIC-FUNCTION" title="CLOG:CONNECTION-BODY GENERIC-FUNCTION"><code>CONNECTION-BODY</code></a>
&quot;clog-path&quot;      html path used, see <a href="#CLOG:CONNECTION-PATH%20GENERIC-FUNCTION" title="CLOG:CONNECTION-PATH GENERIC-FUNCTION"><code>CONNECTION-PATH</code></a>
&quot;clog-sync&quot;      mutex used for syncing events, see <a href="#CLOG:CONNECTION-SYNC%20GENERIC-FUNCTION" title="CLOG:CONNECTION-SYNC GENERIC-FUNCTION"><code>CONNECTION-SYNC</code></a></p></li>
</ul>

<p><a id="x-28CLOG-3ACONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONNECTION-DATA-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONNECTION-DATA-ITEM%20GENERIC-FUNCTION" >CONNECTION-DATA-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ ITEM-NAME</span></span></p>

<p>Get/Setf item-name from connection-data.</p></li>
</ul>

<p><a id="x-28CLOG-3AREMOVE-CONNECTION-DATA-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REMOVE-CONNECTION-DATA-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REMOVE-CONNECTION-DATA-ITEM%20GENERIC-FUNCTION" >REMOVE-CONNECTION-DATA-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ ITEM-NAME</span></span></p>

<p>Remove item-name from connection-data.</p></li>
</ul>

<p><a id="x-28CLOG-3ACONNECTION-BODY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONNECTION-BODY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONNECTION-BODY%20GENERIC-FUNCTION" >CONNECTION-BODY</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get connection's clog-body.</p></li>
</ul>

<p><a id="x-28CLOG-3ACONNECTION-PATH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONNECTION-PATH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONNECTION-PATH%20GENERIC-FUNCTION" >CONNECTION-PATH</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get the <code>HTML</code> passed used to make the connection.</p></li>
</ul>

<p><a id="x-28CLOG-3ACONNECTION-SYNC-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONNECTION-SYNC%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONNECTION-SYNC%20GENERIC-FUNCTION" >CONNECTION-SYNC</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get connection's clog-sync for optional syncing events.</p></li>
</ul>

<p><a id="x-28CLOG-3AWITH-SYNC-EVENT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:WITH-SYNC-EVENT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:WITH-SYNC-EVENT%20MGL-PAX:MACRO" >WITH-SYNC-EVENT</a></span></span> <span class="locative-args">(CLOG-OBJ) &amp;BODY BODY</span></span></p>

<p>Place at start of event to serialize access to the event. All events in
an application share per connection the same queue of serialized events.</p></li>
</ul>

<p><a id="x-28CLOG-3AVALIDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALIDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALIDP%20GENERIC-FUNCTION" >VALIDP</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Returns true if connection is valid on this <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AWITH-CONNECTION-CACHE-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:WITH-CONNECTION-CACHE%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:WITH-CONNECTION-CACHE%20MGL-PAX:MACRO" >WITH-CONNECTION-CACHE</a></span></span> <span class="locative-args">(CLOG-OBJ) &amp;BODY BODY</span></span></p>

<p>Caches writes to the connection-id of <code>CLOG-OBJ</code> until
flushed with <a href="#CLOG:FLUSH-CONNECTION-CACHE%20FUNCTION" title="CLOG:FLUSH-CONNECTION-CACHE FUNCTION"><code>FLUSH-CONNECTION-CACHE</code></a> or a query is made.</p></li>
</ul>

<p><a id="x-28CLOG-3AFLUSH-CONNECTION-CACHE-20FUNCTION-29"></a>
<a id="CLOG:FLUSH-CONNECTION-CACHE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:FLUSH-CONNECTION-CACHE%20FUNCTION" >FLUSH-CONNECTION-CACHE</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Flush connection cache if on <code>CLOG-OBJ</code> is located on.</p></li>
</ul>

<p>CLOG-Obj - Internals for Extensions and Plugins</p>

<p><a id="x-28CLOG-3AHTML-ID-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HTML-ID%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HTML-ID%20GENERIC-FUNCTION" >HTML-ID</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Internal html-id of clog-obj. (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3ASCRIPT-ID-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCRIPT-ID%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCRIPT-ID%20GENERIC-FUNCTION" >SCRIPT-ID</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Return the script id for <code>CLOG-OBJ</code> based on the html-id set
during attachment. (Private)</p></li>
</ul>

<p><a id="x-28CLOG-3AEXECUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:EXECUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:EXECUTE%20GENERIC-FUNCTION" >EXECUTE</a></span></span> <span class="locative-args">CLOG-OBJ METHOD</span></span></p>

<p>Execute the JavaScript <code>METHOD</code> on <code>OBJ</code>. Returns
<code>CLOG-OBJ</code>. see <a href="#CLOG:JQUERY-EXECUTE%20GENERIC-FUNCTION" title="CLOG:JQUERY-EXECUTE GENERIC-FUNCTION"><code>JQUERY-EXECUTE</code></a> (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3AQUERY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:QUERY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:QUERY%20GENERIC-FUNCTION" >QUERY</a></span></span> <span class="locative-args">CLOG-OBJ METHOD &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Execute the JavaScript query <code>METHOD</code> on <code>OBJ</code> and return
result or if time out <code>DEFAULT-ANSWER</code>. see <a href="#CLOG:JQUERY-QUERY%20GENERIC-FUNCTION" title="CLOG:JQUERY-QUERY GENERIC-FUNCTION"><code>JQUERY-QUERY</code></a> (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3AJS-EXECUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JS-EXECUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JS-EXECUTE%20GENERIC-FUNCTION" >JS-EXECUTE</a></span></span> <span class="locative-args">CLOG-OBJ SCRIPT</span></span></p>

<p>Execute JavaScript <code>SCRIPT</code> on browser. <code>CLOG-OBJ</code> is used to
obtain the connection the script should run on. Result is discarded, return
<code>CLOG-OBJ</code>. (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3AJS-QUERY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JS-QUERY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JS-QUERY%20GENERIC-FUNCTION" >JS-QUERY</a></span></span> <span class="locative-args">CLOG-OBJ SCRIPT &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Execute JavaScript <code>SCRIPT</code> on browser and return result.
<code>CLOG-OBJ</code> us used to obtain the connection the script should run on. (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-EVENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-EVENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-EVENT%20GENERIC-FUNCTION" >SET-ON-EVENT</a></span></span> <span class="locative-args">CLOG-OBJ EVENT-NAME HANDLER &amp;KEY CANCEL-EVENT ONE-TIME</span></span></p>

<p>Set a <code>HANDLER</code> for <code>EVENT-NAME</code> on <code>CLOG-OBJ</code>. If handler is
nil unbind all event handlers. (Internal)</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-EVENT-WITH-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-EVENT-WITH-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-EVENT-WITH-DATA%20GENERIC-FUNCTION" >SET-ON-EVENT-WITH-DATA</a></span></span> <span class="locative-args">CLOG-OBJ EVENT-NAME HANDLER &amp;KEY CANCEL-EVENT ONE-TIME</span></span></p>

<p>Set a <code>HANDLER</code> for <code>EVENT-NAME</code> on <code>CLOG-OBJ</code>.
 If handler is nil unbind all event handlers. Handler is called with a data
option passed from javascript calling the jQuery custom event mechanism
.trigger('event_name', data) (Internal)</p></li>
</ul>

<p>CLOG-Obj - Event Handling</p>

<p><a id="x-28CLOG-3ASET-ON-RESIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-RESIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-RESIZE%20GENERIC-FUNCTION" >SET-ON-RESIZE</a></span></span> <span class="locative-args">CLOG-OBJ ON-RESIZE-HANDLER</span></span></p>

<p>Set the <code>ON-RESIZE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-RESIZE-HANDLER</code>
is nil unbind the event. In most modern browser this only works on the clog-window
object, unless a ResizeObserver is put in place, so one is installed except for
clog-window making this event functional.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-FOCUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FOCUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FOCUS%20GENERIC-FUNCTION" >SET-ON-FOCUS</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-HANDLER</span></span></p>

<p>Set the <code>ON-FOCUS-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-FOCUS-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-BLUR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-BLUR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-BLUR%20GENERIC-FUNCTION" >SET-ON-BLUR</a></span></span> <span class="locative-args">CLOG-OBJ ON-BLUR-HANDLER</span></span></p>

<p>Set the <code>ON-BLUR-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-BLUR-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" >SET-ON-CHANGE</a></span></span> <span class="locative-args">CLOG-OBJ ON-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-CHANGE-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CHANGE-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-INPUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-INPUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-INPUT%20GENERIC-FUNCTION" >SET-ON-INPUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-INPUT-HANDLER</span></span></p>

<p>Set the <code>ON-INPUT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-INPUT-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-START-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG-START%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG-START%20GENERIC-FUNCTION" >SET-ON-DRAG-START</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-START-HANDLER &amp;KEY DRAG-DATA DRAG-TYPE</span></span></p>

<p>Set the <code>ON-DRAG-START-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-DRAG-START-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG%20GENERIC-FUNCTION" >SET-ON-DRAG</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-HANDLER</span></span></p>

<p>Set the <code>ON-DRAG-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DRAG-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-END-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG-END%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG-END%20GENERIC-FUNCTION" >SET-ON-DRAG-END</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-END-HANDLER</span></span></p>

<p>Set the <code>ON-DRAG-END-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-DRAG-END-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-ENTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG-ENTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG-ENTER%20GENERIC-FUNCTION" >SET-ON-DRAG-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-ENTER-HANDLER</span></span></p>

<p>Set the <code>ON-DRAG-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-DRAG-ENTER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-LEAVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG-LEAVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG-LEAVE%20GENERIC-FUNCTION" >SET-ON-DRAG-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-LEAVE-HANDLER</span></span></p>

<p>Set the <code>ON-DRAG-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-DRAG-LEAVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DRAG-OVER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DRAG-OVER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DRAG-OVER%20GENERIC-FUNCTION" >SET-ON-DRAG-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-DRAG-OVER-HANDLER</span></span></p>

<p>Set the <code>ON-DRAG-OVER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-DRAG-OVER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DROP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DROP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DROP%20GENERIC-FUNCTION" >SET-ON-DROP</a></span></span> <span class="locative-args">CLOG-OBJ ON-DROP-HANDLER &amp;KEY DRAG-TYPE</span></span></p>

<p>Set the <code>ON-DROP-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-DROP-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-FOCUS-IN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FOCUS-IN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FOCUS-IN%20GENERIC-FUNCTION" >SET-ON-FOCUS-IN</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-IN-HANDLER</span></span></p>

<p>Set the <code>ON-FOCUS-IN-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-FOCUS-IN-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-FOCUS-OUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FOCUS-OUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FOCUS-OUT%20GENERIC-FUNCTION" >SET-ON-FOCUS-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-FOCUS-OUT-HANDLER</span></span></p>

<p>Set the <code>ON-FOCUS-OUT-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-FOCUS-OUT-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-RESET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-RESET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-RESET%20GENERIC-FUNCTION" >SET-ON-RESET</a></span></span> <span class="locative-args">CLOG-OBJ ON-RESET-HANDLER</span></span></p>

<p>Set the <code>ON-RESET-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-RESET-HANDLER</code>
is nil unbind the event. This event is activated by using reset on a form. If
this event is bound, you must call the form reset manually.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SEARCH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SEARCH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SEARCH%20GENERIC-FUNCTION" >SET-ON-SEARCH</a></span></span> <span class="locative-args">CLOG-OBJ ON-SEARCH-HANDLER</span></span></p>

<p>Set the <code>ON-SEARCH-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SEARCH-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SELECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SELECT%20GENERIC-FUNCTION" >SET-ON-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SELECT-HANDLER</span></span></p>

<p>Set the <code>ON-SELECT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SELECT-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SUBMIT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SUBMIT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SUBMIT%20GENERIC-FUNCTION" >SET-ON-SUBMIT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SUBMIT-HANDLER</span></span></p>

<p>Set the <code>ON-SUBMIT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SUBMIT-HANDLER</code>
is nil unbind the event. This event is activated by using submit on a form. If
this event is bound, you must call the (submit clog-form) manually if wish the
form action to be run. See CLOG-Form <a href="#CLOG:SUBMIT%20GENERIC-FUNCTION" title="CLOG:SUBMIT GENERIC-FUNCTION"><code>SUBMIT</code></a> for more details.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SELECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SELECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SELECT%20GENERIC-FUNCTION" >SET-ON-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ ON-SELECT-HANDLER</span></span></p>

<p>Set the <code>ON-SELECT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-SELECT-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CONTEXT-MENU-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CONTEXT-MENU%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CONTEXT-MENU%20GENERIC-FUNCTION" >SET-ON-CONTEXT-MENU</a></span></span> <span class="locative-args">CLOG-OBJ ON-CONTEXT-MENU-HANDLER &amp;KEY ONE-TIME</span></span></p>

<p>Set the <code>ON-CONTEXT-MENU-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-CONTEXT-MENU-HANDLER</code> is nil unbind the event. Setting
on-mouse-right-click will replace this handler. If <code>:ONE-TIME</code> unbind
event on right click.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CLICK%20GENERIC-FUNCTION" >SET-ON-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-CLICK-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CLICK-HANDLER</code>
is nil unbind the event. Setting this event will replace an on-mouse click if
set. If <code>:ONE-TIME</code> unbind event on click.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DOUBLE-CLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DOUBLE-CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DOUBLE-CLICK%20GENERIC-FUNCTION" >SET-ON-DOUBLE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-DOUBLE-CLICK-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-DOUBLE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-DOUBLE-CLICK-HANDLER</code> is nil unbind the event. Setting the
on-mouse-double-click event will replace this handler.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-CLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-CLICK%20GENERIC-FUNCTION" >SET-ON-MOUSE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-CLICK-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-CLICK-HANDLER</code> is nil unbind the event. Setting this event will replace
on an on-click event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-DOUBLE-CLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-DOUBLE-CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-DOUBLE-CLICK%20GENERIC-FUNCTION" >SET-ON-MOUSE-DOUBLE-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-DOUBLE-CLICK-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-DOUBLE-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-DOUBLE-CLICK-HANDLER</code> is nil unbind the event. Setting this event will
replace on an on-double-click event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-RIGHT-CLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-RIGHT-CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-RIGHT-CLICK%20GENERIC-FUNCTION" >SET-ON-MOUSE-RIGHT-CLICK</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-RIGHT-CLICK-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-RIGHT-CLICK-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-RIGHT-CLICK-HANDLER</code> is nil unbind the event. Setting this event will
replace on an on-context-menu event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-ENTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-ENTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-ENTER%20GENERIC-FUNCTION" >SET-ON-MOUSE-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-ENTER-HANDLER</span></span></p>

<p>Set the <code>ON-MOUSE-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-MOUSE-ENTER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-LEAVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-LEAVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-LEAVE%20GENERIC-FUNCTION" >SET-ON-MOUSE-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-LEAVE-HANDLER</span></span></p>

<p>Set the <code>ON-MOUSE-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-MOUSE-LEAVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-OVER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-OVER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-OVER%20GENERIC-FUNCTION" >SET-ON-MOUSE-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-OVER-HANDLER</span></span></p>

<p>Set the <code>ON-MOUSE-OVER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-MOUSE-OVER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-OUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-OUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-OUT%20GENERIC-FUNCTION" >SET-ON-MOUSE-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-OUT-HANDLER</span></span></p>

<p>Set the <code>ON-MOUSE-OUT-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-MOUSE-OUT-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-DOWN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-DOWN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-DOWN%20GENERIC-FUNCTION" >SET-ON-MOUSE-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-DOWN-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-DOWN-HANDLER</code> is nil unbind the event. If cancel-event is true event
does not bubble.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-UP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-UP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-UP%20GENERIC-FUNCTION" >SET-ON-MOUSE-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-UP-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-UP-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MOUSE-MOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MOUSE-MOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MOUSE-MOVE%20GENERIC-FUNCTION" >SET-ON-MOUSE-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-MOUSE-MOVE-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-MOUSE-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-MOUSE-MOVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-WHEEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-WHEEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-WHEEL%20GENERIC-FUNCTION" >SET-ON-WHEEL</a></span></span> <span class="locative-args">CLOG-OBJ ON-WHEEL-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-WHEEL-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-WHEEL-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-ENTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-ENTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-ENTER%20GENERIC-FUNCTION" >SET-ON-POINTER-ENTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-ENTER-HANDLER</span></span></p>

<p>Set the <code>ON-POINTER-ENTER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-POINTER-ENTER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-LEAVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-LEAVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-LEAVE%20GENERIC-FUNCTION" >SET-ON-POINTER-LEAVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-LEAVE-HANDLER</span></span></p>

<p>Set the <code>ON-POINTER-LEAVE-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-POINTER-LEAVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-OVER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-OVER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-OVER%20GENERIC-FUNCTION" >SET-ON-POINTER-OVER</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-OVER-HANDLER</span></span></p>

<p>Set the <code>ON-POINTER-OVER-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-POINTER-OVER-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-OUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-OUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-OUT%20GENERIC-FUNCTION" >SET-ON-POINTER-OUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-OUT-HANDLER</span></span></p>

<p>Set the <code>ON-POINTER-OUT-HANDLER</code> for <code>CLOG-OBJ</code>.
If <code>ON-POINTER-OUT-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-DOWN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-DOWN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-DOWN%20GENERIC-FUNCTION" >SET-ON-POINTER-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-DOWN-HANDLER &amp;KEY CAPTURE-POINTER ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-POINTER-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-POINTER-DOWN-HANDLER</code> is nil unbind the event. If cancel event is t the
even does not bubble.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-UP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-UP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-UP%20GENERIC-FUNCTION" >SET-ON-POINTER-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-UP-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-POINTER-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-POINTER-UP-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-CANCEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-CANCEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-CANCEL%20GENERIC-FUNCTION" >SET-ON-POINTER-CANCEL</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-CANCEL-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-POINTER-CANCEL-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-POINTER-CANCEL-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-POINTER-MOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POINTER-MOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POINTER-MOVE%20GENERIC-FUNCTION" >SET-ON-POINTER-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-POINTER-MOVE-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-POINTER-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-POINTER-MOVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-TOUCH-START-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-TOUCH-START%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-TOUCH-START%20GENERIC-FUNCTION" >SET-ON-TOUCH-START</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-START-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-TOUCH-START-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-TOUCH-START-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-TOUCH-MOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-TOUCH-MOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-TOUCH-MOVE%20GENERIC-FUNCTION" >SET-ON-TOUCH-MOVE</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-MOVE-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-TOUCH-MOVE-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-TOUCH-MOVE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-TOUCH-END-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-TOUCH-END%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-TOUCH-END%20GENERIC-FUNCTION" >SET-ON-TOUCH-END</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-END-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-TOUCH-END-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-TOUCH-END-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-TOUCH-CANCEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-TOUCH-CANCEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-TOUCH-CANCEL%20GENERIC-FUNCTION" >SET-ON-TOUCH-CANCEL</a></span></span> <span class="locative-args">CLOG-OBJ ON-TOUCH-CANCEL-HANDLER</span></span></p>

<p>Set the <code>ON-TOUCH-CANCEL-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-TOUCH-CANCEL-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CHARACTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CHARACTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CHARACTER%20GENERIC-FUNCTION" >SET-ON-CHARACTER</a></span></span> <span class="locative-args">CLOG-OBJ ON-CHARACTER-HANDLER &amp;KEY ONE-TIME DISABLE-DEFAULT</span></span></p>

<p>Set the <code>ON-CHARACTER-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-CHARACTER-HANDLER</code> is nil unbind the event. If disable-default is t
default key bindings in browser will not occur. Setting this event to
nil will unbind on-key-press also.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-KEY-DOWN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-KEY-DOWN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-KEY-DOWN%20GENERIC-FUNCTION" >SET-ON-KEY-DOWN</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-DOWN-HANDLER &amp;KEY ONE-TIME DISABLE-DEFAULT</span></span></p>

<p>Set the <code>ON-KEY-DOWN-HANDLER</code> for <code>CLOG-OBJ</code>. If
disable-default is t default key bindings in browser will not occur.
If <code>ON-KEY-DOWN-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-KEY-UP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-KEY-UP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-KEY-UP%20GENERIC-FUNCTION" >SET-ON-KEY-UP</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-UP-HANDLER &amp;KEY ONE-TIME CANCEL-EVENT</span></span></p>

<p>Set the <code>ON-KEY-UP-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-KEY-UP-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-KEY-PRESS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-KEY-PRESS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-KEY-PRESS%20GENERIC-FUNCTION" >SET-ON-KEY-PRESS</a></span></span> <span class="locative-args">CLOG-OBJ ON-KEY-PRESS-HANDLER &amp;KEY ONE-TIME DISABLE-DEFAULT</span></span></p>

<p>Set the <code>ON-KEY-PRESS-HANDLER</code> for <code>CLOG-OBJ</code>. If
<code>ON-KEY-PRESS-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-COPY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-COPY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-COPY%20GENERIC-FUNCTION" >SET-ON-COPY</a></span></span> <span class="locative-args">CLOG-OBJ ON-COPY-HANDLER</span></span></p>

<p>Set the <code>ON-COPY-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-COPY-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CUT%20GENERIC-FUNCTION" >SET-ON-CUT</a></span></span> <span class="locative-args">CLOG-OBJ ON-CUT-HANDLER</span></span></p>

<p>Set the <code>ON-CUT-HANDLER</code> for <code>CLOG-OBJ</code>. If <code>ON-CUT-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-PASTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-PASTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-PASTE%20GENERIC-FUNCTION" >SET-ON-PASTE</a></span></span> <span class="locative-args">CLOG-OBJ HANDLER</span></span></p>

<p>Set the ON-PASTE-HANDLER for <code>CLOG-OBJ</code>. If ON-PASTE-HANDLER
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-ELEMENT-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-OBJ%20MGL-PAX:SECTION" title="CLOG Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION" title="Common CLOG Elements">&#8594;</a> <a href="#CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION" title="CLOG Elements">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION">7 CLOG Elements</a></h2>

<p>CLOG-Element - Class for CLOG Elements</p>

<p><a id="x-28CLOG-3ACLOG-ELEMENT-20CLASS-29"></a>
<a id="CLOG:CLOG-ELEMENT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-ELEMENT%20CLASS" >CLOG-ELEMENT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></p>

<p>CLOG Element Objects is the base class for all html
element objects.</p></li>
</ul>

<p>CLOG-Element - Low Level</p>

<p><a id="x-28CLOG-3ACREATE-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-ELEMENT%20GENERIC-FUNCTION" >CREATE-ELEMENT</a></span></span> <span class="locative-args">CLOG-OBJ HTML-TAG &amp;REST ALL-ARGS &amp;KEY CONTENT CLOG-TYPE HTML-ID AUTO-PLACE &amp;ALLOW-OTHER-KEYS</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a> as child of <code>CLOG-OBJ</code> with any
possible tag and keywords.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CHILD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CHILD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CHILD%20GENERIC-FUNCTION" >CREATE-CHILD</a></span></span> <span class="locative-args">CLOG-OBJ HTML &amp;KEY HTML-ID AUTO-PLACE CLOG-TYPE</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a> or sub-type of <code>CLOG-TYPE</code> from <code>HTML</code>
as child of <code>CLOG-OBJ</code> and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>, you can also set auto-place to :bottom or :top. If <code>HTML-ID</code> is nil one
will be generated. If auto-place is nil the object is stored in the connection-data
and not subject to browser-gc requests.</p></li>
</ul>

<p><a id="x-28CLOG-3AATTACH-AS-CHILD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ATTACH-AS-CHILD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ATTACH-AS-CHILD%20GENERIC-FUNCTION" >ATTACH-AS-CHILD</a></span></span> <span class="locative-args">CLOG-OBJ HTML-ID &amp;KEY CLOG-TYPE NEW-ID</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a> or sub-type of <code>CLOG-TYPE</code> and
attach an existing element with <code>HTML-ID</code>. The <code>HTML-ID</code> must be unique and
must be in DOM, ie placed or auto-placed. If new-id is true the <code>HTML-ID</code>
after attachment is changed to one unique to this session.</p></li>
</ul>

<p><a id="x-28CLOG-3ADESTROY-CHILDREN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DESTROY-CHILDREN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DESTROY-CHILDREN%20GENERIC-FUNCTION" >DESTROY-CHILDREN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Destroy all children in DOM contained with in <code>CLOG-ELEMENT</code>
and run a <a href="#CLOG:BROWSER-GC%20GENERIC-FUNCTION" title="CLOG:BROWSER-GC GENERIC-FUNCTION"><code>BROWSER-GC</code></a>. See also clog-connect:*browser-gc-on-ping* if using this
often.</p></li>
</ul>

<p>CLOG-Element - DOM Placement</p>

<p><a id="x-28CLOG-3APLACE-AFTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-AFTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-AFTER%20GENERIC-FUNCTION" >PLACE-AFTER</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>

<p>Places <code>NEXT-OBJ</code> after <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-BEFORE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-BEFORE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-BEFORE%20GENERIC-FUNCTION" >PLACE-BEFORE</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>

<p>Places <code>NEXT-OBJ</code> before <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-INSIDE-TOP-OF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-INSIDE-TOP-OF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-INSIDE-TOP-OF%20GENERIC-FUNCTION" >PLACE-INSIDE-TOP-OF</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>

<p>Places <code>NEXT-OBJ</code> inside top of <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-INSIDE-BOTTOM-OF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-INSIDE-BOTTOM-OF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-INSIDE-BOTTOM-OF%20GENERIC-FUNCTION" >PLACE-INSIDE-BOTTOM-OF</a></span></span> <span class="locative-args">CLOG-OBJ NEXT-OBJ</span></span></p>

<p>Places <code>NEXT-OBJ</code> inside bottom of <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-TEXT-INSIDE-TOP-OF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-TEXT-INSIDE-TOP-OF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-TEXT-INSIDE-TOP-OF%20GENERIC-FUNCTION" >PLACE-TEXT-INSIDE-TOP-OF</a></span></span> <span class="locative-args">CLOG-OBJ TEXT</span></span></p>

<p>Places text inside top of <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-TEXT-INSIDE-BOTTOM-OF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-TEXT-INSIDE-BOTTOM-OF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-TEXT-INSIDE-BOTTOM-OF%20GENERIC-FUNCTION" >PLACE-TEXT-INSIDE-BOTTOM-OF</a></span></span> <span class="locative-args">CLOG-OBJ TEXT</span></span></p>

<p>Places text inside bottom of <code>CLOG-OBJ</code> in DOM</p></li>
</ul>

<p>CLOG-Element - General Properties</p>

<p><a id="x-28CLOG-3ASTYLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STYLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STYLE%20GENERIC-FUNCTION" >STYLE</a></span></span> <span class="locative-args">CLOG-ELEMENT STYLE-NAME &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Get/Setf css style.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-STYLES-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-STYLES%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-STYLES%20GENERIC-FUNCTION" >SET-STYLES</a></span></span> <span class="locative-args">CLOG-ELEMENT STYLE-LIST</span></span></p>

<p>Set css styles using a list of lists of name value pairs.</p></li>
</ul>

<p><a id="x-28CLOG-3AATTRIBUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ATTRIBUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ATTRIBUTE%20GENERIC-FUNCTION" >ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-ELEMENT ATTRIBUTE-NAME &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Get/Setf html tag attribute. (eg. src on img tag)</p></li>
</ul>

<p><a id="x-28CLOG-3AREMOVE-ATTRIBUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REMOVE-ATTRIBUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REMOVE-ATTRIBUTE%20GENERIC-FUNCTION" >REMOVE-ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-ELEMENT ATTRIBUTE-NAME</span></span></p>

<p>Remove html tag attribute. (eg. src on img tag)</p></li>
</ul>

<p><a id="x-28CLOG-3AHAS-ATTRIBUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HAS-ATTRIBUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HAS-ATTRIBUTE%20GENERIC-FUNCTION" >HAS-ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-ELEMENT ATTRIBUTE-NAME</span></span></p>

<p>Returns t if <code>ATTRIBUTE-NAME</code> exists on <code>CLOG-ELEMENT</code></p></li>
</ul>

<p>CLOG-Element - Properties</p>

<p><a id="x-28CLOG-3AACCESS-KEY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ACCESS-KEY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ACCESS-KEY%20GENERIC-FUNCTION" >ACCESS-KEY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf access-key. Used for hot key access to element.
special key + Access_Key</p>

<p>The special key per browser and platform is:</p>

<pre><code>Browser              Windows     Linux          Mac
-----------------    -------     -----          ---
Internet Explorer     Alt         N/A           N/A
Chrome                Alt         Alt       Control|Alt
Firefox             Alt|Shift   Alt|Shift   Control|Alt
Safari                Alt         N/A       Control|Alt
Opera 15+             Alt         Alt           Alt
</code></pre></li>
</ul>

<p><a id="x-28CLOG-3AADVISORY-TITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADVISORY-TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADVISORY-TITLE%20GENERIC-FUNCTION" >ADVISORY-TITLE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf advisory title of Element, usually
used for body and image maps but creates in forms and many
elements a tool tip.</p></li>
</ul>

<p><a id="x-28CLOG-3ACSS-CLASS-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CSS-CLASS-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CSS-CLASS-NAME%20GENERIC-FUNCTION" >CSS-CLASS-NAME</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf css-class-name. CSS Class name, can be multiple
seperated by <space>. See add-class, remove-class and toggle-class methods
for adding and removing individual or groups of classes in an easier way.</p></li>
</ul>

<p><a id="x-28CLOG-3AEDITABLEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:EDITABLEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:EDITABLEP%20GENERIC-FUNCTION" >EDITABLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf editable. This will make almost any element with
content editable, even non-form types in most browsers.</p></li>
</ul>

<p><a id="x-28CLOG-3ADRAGGABLEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DRAGGABLEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DRAGGABLEP%20GENERIC-FUNCTION" >DRAGGABLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf draggablep. In order to make an object draggable
in addition to Draggable being true the on-drag-start event <em>must</em> be bound
as well to set the drag-text. To receive a drop, you need to bind on-drop.
See clog-base.lisp</p></li>
</ul>

<p><a id="x-28CLOG-3AVISIBLEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VISIBLEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VISIBLEP%20GENERIC-FUNCTION" >VISIBLEP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf visiblep. This will cause the Element to no longer
be visible but it will still take up space where it was in the layout. Use
hiddenp to also remove from layout.
Note: that each property, visiblep, hiddenp and display (None) all work
      independantly and do not reflect the actual client side visual state
      but the property state. To check if an object is for sure not visible
      would require checking all three properties.</p></li>
</ul>

<p><a id="x-28CLOG-3AHIDDENP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HIDDENP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HIDDENP%20GENERIC-FUNCTION" >HIDDENP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf hiddenp. The hidden property will make an element
invisible, however unlike visiblep, hiddenp implies the element is semantically
not relevant not just visually and will <em>also</em> remove it from layout similar to
setting display (None).</p></li>
</ul>

<p><a id="x-28CLOG-3AINNER-HTML-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INNER-HTML%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INNER-HTML%20GENERIC-FUNCTION" >INNER-HTML</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf inner-html. This will completely replace the inner
html of an element. This will remove any Elements within Element from the DOM.
If those elements were created in CLOG they are still available and can be
placed in the DOM again using the placement methods. However if they were
created through html writes or otherwise not assigned an ID by CLOG, they are
lost forever. If <a href="#CLOG:BROWSER-GC%20GENERIC-FUNCTION" title="CLOG:BROWSER-GC GENERIC-FUNCTION"><code>BROWSER-GC</code></a> is called at any point, the elements will be
destroyed from the browser and placement methods will no longer have an affect.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-HTML-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-HTML%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-HTML%20GENERIC-FUNCTION" >OUTER-HTML</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf outer-html. Returns the <code>HTML</code> for Element and all
its contents</p></li>
</ul>

<p><a id="x-28CLOG-3ASPELLCHECKP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SPELLCHECKP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SPELLCHECKP%20GENERIC-FUNCTION" >SPELLCHECKP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf spellcheckp. If true Element is subject to browser
spell checking if Editable is also true.</p></li>
</ul>

<p><a id="x-28CLOG-3ATAB-INDEX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TAB-INDEX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TAB-INDEX%20GENERIC-FUNCTION" >TAB-INDEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf tab-index. If -1 not focusable.
If 0 element in tab index. If &gt;0 sets order in tab index.
Normally index follows normal sequence of elements.</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT%20GENERIC-FUNCTION" >TEXT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf text.</p>

<p><tag>Text Content</tag> - Text content is the content contained by the
                          tag including child tags. This should not be
                          confused with the 'Value' of a Form Tag.
                          Use <a href="#CLOG:TEXT-VALUE%20GENERIC-FUNCTION" title="CLOG:TEXT-VALUE GENERIC-FUNCTION"><code>TEXT-VALUE</code></a> for just the text associated
                          with <tag>. (See clog-form.lisp)</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-VALUE%20GENERIC-FUNCTION" >TEXT-VALUE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf the first text node of <code>CLOG-ELEMENT</code>.
Unlike <a href="#CLOG:TEXT%20GENERIC-FUNCTION" title="CLOG:TEXT GENERIC-FUNCTION"><code>TEXT</code></a> this is only the text associated with this <tag>
Additionally works for forms and can get/setf the values. When
creating a div if you plan on storing and retrieving text start
with some text or setf text first to insure the text node for the div
exists.</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-DIRECTION-TYPE-20TYPE-29"></a>
<a id="CLOG:TEXT-DIRECTION-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:TEXT-DIRECTION-TYPE%20TYPE" >TEXT-DIRECTION-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-DIRECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-DIRECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-DIRECTION%20GENERIC-FUNCTION" >TEXT-DIRECTION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf BiDi text-direction.</p></li>
</ul>

<p><a id="x-28CLOG-3ALANGUAGE-CODE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LANGUAGE-CODE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LANGUAGE-CODE%20GENERIC-FUNCTION" >LANGUAGE-CODE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf language-code.</p></li>
</ul>

<p><a id="x-28CLOG-3APOSITION-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:POSITION-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:POSITION-LEFT%20GENERIC-FUNCTION" >POSITION-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position from left in pixels relative to Element's
parent in the DOM.</p></li>
</ul>

<p><a id="x-28CLOG-3APOSITION-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:POSITION-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:POSITION-TOP%20GENERIC-FUNCTION" >POSITION-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position from top in pixels relative to Element's
parent in the DOM.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLIENT-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLIENT-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLIENT-LEFT%20GENERIC-FUNCTION" >CLIENT-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get client-left. The width of the left border of an element
in pixels. It does not include the margin or padding.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLIENT-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLIENT-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLIENT-TOP%20GENERIC-FUNCTION" >CLIENT-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get client-top. The width of the top border of an element
in pixels. It does not include the margin or padding.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLIENT-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLIENT-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLIENT-WIDTH%20GENERIC-FUNCTION" >CLIENT-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get client-width. Inner width of an element in pixels.
CSS width + CSS padding - width of vertical scrollbar (if present)
Does not include the border or margin.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLIENT-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLIENT-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLIENT-HEIGHT%20GENERIC-FUNCTION" >CLIENT-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get client-right. Inner height of an element in pixels.
CSS height + CSS padding - height of horizontal scrollbar (if present)
Does not include the border or margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AOFFSET-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OFFSET-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OFFSET-LEFT%20GENERIC-FUNCTION" >OFFSET-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position in pixels from left relative to the document.</p></li>
</ul>

<p><a id="x-28CLOG-3AOFFSET-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OFFSET-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OFFSET-TOP%20GENERIC-FUNCTION" >OFFSET-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position in pixels from top relative to the document.</p></li>
</ul>

<p><a id="x-28CLOG-3AOFFSET-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OFFSET-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OFFSET-WIDTH%20GENERIC-FUNCTION" >OFFSET-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get offset-width. CSS width + CSS padding + width of
vertical scrollbar (if present) + Border</p></li>
</ul>

<p><a id="x-28CLOG-3AOFFSET-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OFFSET-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OFFSET-HEIGHT%20GENERIC-FUNCTION" >OFFSET-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get offset-height. CSS height + CSS padding + height of
horizontal scrollbar (if present) + Border</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-LEFT%20GENERIC-FUNCTION" >SCROLL-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get scroll-left. The number of pixels that an element's
content is scrolled to the left. For RTL languages is negative.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-TOP%20GENERIC-FUNCTION" >SCROLL-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get scroll-top. The number of pixels that an element's
content has been scrolled upward.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-WIDTH%20GENERIC-FUNCTION" >SCROLL-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get scroll-width. Either the width in pixels of the content
of an element or the width of the element itself, whichever is greater.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-HEIGHT%20GENERIC-FUNCTION" >SCROLL-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get scroll-height. Height of an element's content, including
content not visible on the screen due to overflow.</p></li>
</ul>

<p><a id="x-28CLOG-3AHTML-TAG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HTML-TAG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HTML-TAG%20GENERIC-FUNCTION" >HTML-TAG</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get html-tag.</p></li>
</ul>

<p>CLOG-Element - Styles</p>

<p><a id="x-28CLOG-3ABOX-SIZING-TYPE-20TYPE-29"></a>
<a id="CLOG:BOX-SIZING-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BOX-SIZING-TYPE%20TYPE" >BOX-SIZING-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABOX-SIZING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOX-SIZING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOX-SIZING%20GENERIC-FUNCTION" >BOX-SIZING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf box-sizing. Affects if height and width
properteries represent just the content or the border, marging, padding,
scroll and conent area as a whole. The default is content-box</p></li>
</ul>

<p><a id="x-28CLOG-3ACLEAR-SIDE-TYPE-20TYPE-29"></a>
<a id="CLOG:CLEAR-SIDE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:CLEAR-SIDE-TYPE%20TYPE" >CLEAR-SIDE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLEAR-SIDE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLEAR-SIDE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLEAR-SIDE%20GENERIC-FUNCTION" >CLEAR-SIDE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf clear-side. When using 'float' for layout sets
if the right or left side of block should be clear of any 'floated' Element.</p></li>
</ul>

<p><a id="x-28CLOG-3AFLOAT-WRAP-TYPE-20TYPE-29"></a>
<a id="CLOG:FLOAT-WRAP-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FLOAT-WRAP-TYPE%20TYPE" >FLOAT-WRAP-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AFLOAT-WRAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLOAT-WRAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLOAT-WRAP%20GENERIC-FUNCTION" >FLOAT-WRAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf for element float left or right and other
elements wrap around it.</p></li>
</ul>

<p><a id="x-28CLOG-3ADISPLAY-TYPE-20TYPE-29"></a>
<a id="CLOG:DISPLAY-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:DISPLAY-TYPE%20TYPE" >DISPLAY-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ADISPLAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DISPLAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DISPLAY%20GENERIC-FUNCTION" >DISPLAY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf display. Display sets the CSS Display property that
handles how elements are treated by the browser layout engine.</p>

<pre><code>Common Values:

none         - Remove Element from layout but remain in the DOM this is
               similar to hiddenp, but not like visiblep that makes the
               element not visible but still take up space in layout.

block        - Displays an element starting on a new line and stretches
               out to the left and right as far as it can. e.g. &lt;div&gt; by
               default

inline       - Wraps with text in a paragraph. e.g. &lt;span&gt; by default

inline-block - Flows with paragraph but will always fill from left to
               right.

flex         - Turn this item in to a flexbox container. The flexbox
               properties for container to adjust are:

                  justify-content - how items are spaced in flexbox
                  align-content - how items spaced when wrapped
                  align-items - when placed (from start, center, from end)
                  flex-direction - flex-box left&lt;&gt;right or top&lt;&gt;bottom
                  flex-wrap - keep in one line or wrap to more

               The properties to adjust for items in the flexbox are:

                  flex - sets the relative grow,shrink,basis
                  order - sets visual item order in flexbox
                  align-self - override flexbox's align-items for item

               :flex-start    (---  )
               :flex-end      (   ---)
               :center        ( --- )
               :space-between (-  -  -)
               :space-around  ( -   -   - )
               :space-evenly  ( - - - )

For info on using grids see:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout

grid         - Turn this item in to a grid container block level. The grid
               properties to adjust for container are:

                  Tip - 1 1 1 1 = repeat(4,1fr) also minmax()

                  grid-template
                  grid-template-columns
                  grid-template-rows
                  grid-template-areas
                  column-gap
                  row-gap
                  align-items
                  justify-items
                  justify-content - align the grid as a whole in container
                  align-content - align the grid as a whole in container
                  grid-auto-columns
                  grid-auto-rows
                  grid-auto-flow

                The properties to adjust for grid items is:

                  Tip - 1 / 4 means from 1 to 4

                  grid-column
                  grid-column-start
                  grid-column-end
                  grid-row
                  grid-row-start
                  grid-row-end
                  grid-area
                  align-self
                  justify-self

inline-grid   - Turn this item in to a grid container inline level.
</code></pre></li>
</ul>

<p><a id="x-28CLOG-3AORDER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ORDER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ORDER%20GENERIC-FUNCTION" >ORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf visual item order flexbox packing but
not actual order in document or tab order etc.</p></li>
</ul>

<p><a id="x-28CLOG-3AFLEX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLEX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLEX%20GENERIC-FUNCTION" >FLEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get item's flexbox relative grow, shrink,
and basis</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-FLEX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-FLEX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-FLEX%20GENERIC-FUNCTION" >SET-FLEX</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY GROW SHRINK FLEX-BASIS</span></span></p>

<p>Set flex grow (default 0) shrink (default 1) and
flex-basis (default :auto = use width or height) for <code>CLOG-ELEMENT</code></p></li>
</ul>

<p><a id="x-28CLOG-3AFLEX-WRAP-TYPE-20TYPE-29"></a>
<a id="CLOG:FLEX-WRAP-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FLEX-WRAP-TYPE%20TYPE" >FLEX-WRAP-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AFLEX-WRAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLEX-WRAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLEX-WRAP%20GENERIC-FUNCTION" >FLEX-WRAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf direction of flexbox packing.</p></li>
</ul>

<p><a id="x-28CLOG-3AFLEX-DIRECTION-TYPE-20TYPE-29"></a>
<a id="CLOG:FLEX-DIRECTION-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FLEX-DIRECTION-TYPE%20TYPE" >FLEX-DIRECTION-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AFLEX-DIRECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLEX-DIRECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLEX-DIRECTION%20GENERIC-FUNCTION" >FLEX-DIRECTION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf direction of flexbox packing.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-TEMPLATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-TEMPLATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-TEMPLATE%20GENERIC-FUNCTION" >GRID-TEMPLATE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-template.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-TEMPLATE-COLUMNS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-TEMPLATE-COLUMNS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-TEMPLATE-COLUMNS%20GENERIC-FUNCTION" >GRID-TEMPLATE-COLUMNS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-template-columns.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-TEMPLATE-ROWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-TEMPLATE-ROWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-TEMPLATE-ROWS%20GENERIC-FUNCTION" >GRID-TEMPLATE-ROWS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-template-rows.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-TEMPLATE-AREAS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-TEMPLATE-AREAS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-TEMPLATE-AREAS%20GENERIC-FUNCTION" >GRID-TEMPLATE-AREAS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-template-areas.</p></li>
</ul>

<p><a id="x-28CLOG-3ACOLUMN-GAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:COLUMN-GAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:COLUMN-GAP%20GENERIC-FUNCTION" >COLUMN-GAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf column-gap.</p></li>
</ul>

<p><a id="x-28CLOG-3AROW-GAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROW-GAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROW-GAP%20GENERIC-FUNCTION" >ROW-GAP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf row-gap.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-AUTO-COLUMNS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-AUTO-COLUMNS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-AUTO-COLUMNS%20GENERIC-FUNCTION" >GRID-AUTO-COLUMNS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-auto-columns.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-AUTO-ROWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-AUTO-ROWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-AUTO-ROWS%20GENERIC-FUNCTION" >GRID-AUTO-ROWS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-auto-rows.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-AUTO-FLOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-AUTO-FLOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-AUTO-FLOW%20GENERIC-FUNCTION" >GRID-AUTO-FLOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-auto-flow.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-COLUMN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-COLUMN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-COLUMN%20GENERIC-FUNCTION" >GRID-COLUMN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-column.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-COLUMN-START-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-COLUMN-START%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-COLUMN-START%20GENERIC-FUNCTION" >GRID-COLUMN-START</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-column-start.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-COLUMN-END-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-COLUMN-END%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-COLUMN-END%20GENERIC-FUNCTION" >GRID-COLUMN-END</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-column-end.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-ROW%20GENERIC-FUNCTION" >GRID-ROW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-row.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-ROW-START-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-ROW-START%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-ROW-START%20GENERIC-FUNCTION" >GRID-ROW-START</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-row-start.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-ROW-END-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-ROW-END%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-ROW-END%20GENERIC-FUNCTION" >GRID-ROW-END</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-row-end.</p></li>
</ul>

<p><a id="x-28CLOG-3AGRID-AREA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GRID-AREA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GRID-AREA%20GENERIC-FUNCTION" >GRID-AREA</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf grid-area named or as
grid-row-start / grid-column-start / grid-row-end / grid-column-end</p>

<p>e.g. 1 / 1 / 4 / 2</p></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-ITEMS-TYPE-20TYPE-29"></a>
<a id="CLOG:ALIGN-ITEMS-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:ALIGN-ITEMS-TYPE%20TYPE" >ALIGN-ITEMS-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-ITEMS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALIGN-ITEMS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALIGN-ITEMS%20GENERIC-FUNCTION" >ALIGN-ITEMS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf align items in a flexbox/grid on column axis.</p></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-SELF-TYPE-20TYPE-29"></a>
<a id="CLOG:ALIGN-SELF-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:ALIGN-SELF-TYPE%20TYPE" >ALIGN-SELF-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-SELF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALIGN-SELF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALIGN-SELF%20GENERIC-FUNCTION" >ALIGN-SELF</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf override align-items for this item
in a flexbox/grid.</p></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-CONTENT-TYPE-20TYPE-29"></a>
<a id="CLOG:ALIGN-CONTENT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:ALIGN-CONTENT-TYPE%20TYPE" >ALIGN-CONTENT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AALIGN-CONTENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALIGN-CONTENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALIGN-CONTENT%20GENERIC-FUNCTION" >ALIGN-CONTENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf align content wrapped inline of a flexbox
on opposite sides of each other or grid on column axis.</p></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-ITEMS-TYPE-20TYPE-29"></a>
<a id="CLOG:JUSTIFY-ITEMS-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-ITEMS-TYPE%20TYPE" >JUSTIFY-ITEMS-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-ITEMS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JUSTIFY-ITEMS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-ITEMS%20GENERIC-FUNCTION" >JUSTIFY-ITEMS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf justify items in a grid on row axis.</p></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-SELF-TYPE-20TYPE-29"></a>
<a id="CLOG:JUSTIFY-SELF-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-SELF-TYPE%20TYPE" >JUSTIFY-SELF-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-SELF-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JUSTIFY-SELF%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-SELF%20GENERIC-FUNCTION" >JUSTIFY-SELF</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf override align this item in grid on row axis.</p></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-CONTENT-TYPE-20TYPE-29"></a>
<a id="CLOG:JUSTIFY-CONTENT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-CONTENT-TYPE%20TYPE" >JUSTIFY-CONTENT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AJUSTIFY-CONTENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JUSTIFY-CONTENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JUSTIFY-CONTENT%20GENERIC-FUNCTION" >JUSTIFY-CONTENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf justify content for items inline of a
flexbox or grid on row access.</p></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-TYPE-20TYPE-29"></a>
<a id="CLOG:OVERFLOW-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW-TYPE%20TYPE" >OVERFLOW-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OVERFLOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW%20GENERIC-FUNCTION" >OVERFLOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf overflow.  How to handle overflow of contents of
an element's box. The default is visible - no clipping.</p></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-X-TYPE-20TYPE-29"></a>
<a id="CLOG:OVERFLOW-X-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW-X-TYPE%20TYPE" >OVERFLOW-X-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-X-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OVERFLOW-X%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW-X%20GENERIC-FUNCTION" >OVERFLOW-X</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf overflow-x. How to handle overflow of contents of
an element's box for X. The default is Visible - no clipping.</p></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-Y-TYPE-20TYPE-29"></a>
<a id="CLOG:OVERFLOW-Y-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW-Y-TYPE%20TYPE" >OVERFLOW-Y-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AOVERFLOW-Y-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OVERFLOW-Y%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OVERFLOW-Y%20GENERIC-FUNCTION" >OVERFLOW-Y</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf overflow-y. How to handle overflow of contents of
an element's box for Y. The default is Visible - no clipping.</p></li>
</ul>

<p><a id="x-28CLOG-3AZ-INDEX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:Z-INDEX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:Z-INDEX%20GENERIC-FUNCTION" >Z-INDEX</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf z-index. Set stack order of element.
Note: z-index only works on Elements with Position Type of absolute,
      relative and fixed.</p></li>
</ul>

<p><a id="x-28CLOG-3ARESIZABLE-TYPE-20TYPE-29"></a>
<a id="CLOG:RESIZABLE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:RESIZABLE-TYPE%20TYPE" >RESIZABLE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ARESIZABLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RESIZABLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RESIZABLE%20GENERIC-FUNCTION" >RESIZABLE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf resizable. If overflow is not set to visible,
resizeable sets if element can be resized by user.</p></li>
</ul>

<p><a id="x-28CLOG-3APOSITIONING-TYPE-20TYPE-29"></a>
<a id="CLOG:POSITIONING-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:POSITIONING-TYPE%20TYPE" >POSITIONING-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3APOSITIONING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:POSITIONING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:POSITIONING%20GENERIC-FUNCTION" >POSITIONING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf positioning. Determins how the properties left,
right, top and bottom are interpreted.</p>

<p>Static   - According to document flow, position properties have no
              affect.
   Absolute - Position properties are relative to the first non-static
              element in the DOM before Element
   Fixed    - Position properties are relative to browser window
   Relative - Position properties are relative to where the static position
              of the element would in the normal document flow.</p></li>
</ul>

<p><a id="x-28CLOG-3APOSITION-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:POSITION-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:POSITION-TOP%20GENERIC-FUNCTION" >POSITION-TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position from top in pixels relative to Element's
parent in the DOM.</p></li>
</ul>

<p><a id="x-28CLOG-3APOSITION-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:POSITION-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:POSITION-LEFT%20GENERIC-FUNCTION" >POSITION-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Position from left in pixels relative to Element's
parent in the DOM.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-GEOMETRY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-GEOMETRY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-GEOMETRY%20GENERIC-FUNCTION" >SET-GEOMETRY</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY LEFT TOP RIGHT BOTTOM WIDTH HEIGHT UNITS</span></span></p>

<p>Change the geometry <code>:LEFT</code> <code>:TOP</code> <code>:RIGHT</code> <code>:BOTTOM</code>
<code>:WIDTH</code> <code>:HEIGHT</code> each optional. If any measure is missing a unit,
<code>UNITS</code> (default :px) is used.</p></li>
</ul>

<p><a id="x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LEFT%20GENERIC-FUNCTION" >LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf left (defaults to us :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3ATOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOP%20GENERIC-FUNCTION" >TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf top (defaults to use :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3ARIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RIGHT%20GENERIC-FUNCTION" >RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf right (defaults to use :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3ABOTTOM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOTTOM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOTTOM%20GENERIC-FUNCTION" >BOTTOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf bottom (defaults to use :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3ABOX-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOX-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOX-HEIGHT%20GENERIC-FUNCTION" >BOX-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf box-height. Height based on box sizing.</p></li>
</ul>

<p><a id="x-28CLOG-3ABOX-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOX-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOX-WIDTH%20GENERIC-FUNCTION" >BOX-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf box-width. Width based on box sizing.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM-HEIGHT%20GENERIC-FUNCTION" >MAXIMUM-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf maximum-height.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM-WIDTH%20GENERIC-FUNCTION" >MAXIMUM-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf maximum-width.</p></li>
</ul>

<p><a id="x-28CLOG-3AMINIMUM-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MINIMUM-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MINIMUM-HEIGHT%20GENERIC-FUNCTION" >MINIMUM-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf minimum-height.</p></li>
</ul>

<p><a id="x-28CLOG-3AMINIMUM-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MINIMUM-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MINIMUM-WIDTH%20GENERIC-FUNCTION" >MINIMUM-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf minimum-width.</p></li>
</ul>

<p><a id="x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INNER-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INNER-HEIGHT%20GENERIC-FUNCTION" >INNER-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf inner-height. Includes padding but not border.</p></li>
</ul>

<p><a id="x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INNER-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INNER-WIDTH%20GENERIC-FUNCTION" >INNER-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf inner-width. Includes padding but not border.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-HEIGHT%20GENERIC-FUNCTION" >OUTER-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-height. Includes padding and border but not
margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-WIDTH%20GENERIC-FUNCTION" >OUTER-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-width. Includes padding and border
but not margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-HEIGHT-TO-MARGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-HEIGHT-TO-MARGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-HEIGHT-TO-MARGIN%20GENERIC-FUNCTION" >OUTER-HEIGHT-TO-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-height-to-margin. Includes padding and border and
margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-WIDTH-TO-MARGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-WIDTH-TO-MARGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-WIDTH-TO-MARGIN%20GENERIC-FUNCTION" >OUTER-WIDTH-TO-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-width-to-margin. Includes padding and border and
margin.</p></li>
</ul>

<p><a id="x-28CLOG-3ACOLOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:COLOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:COLOR%20GENERIC-FUNCTION" >COLOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf color.</p></li>
</ul>

<p><a id="x-28CLOG-3AOPACITY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OPACITY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OPACITY%20GENERIC-FUNCTION" >OPACITY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf opacity.</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-ATTACHMENT-TYPE-20TYPE-29"></a>
<a id="CLOG:BACKGROUND-ATTACHMENT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-ATTACHMENT-TYPE%20TYPE" >BACKGROUND-ATTACHMENT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-ATTACHMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-ATTACHMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-ATTACHMENT%20GENERIC-FUNCTION" >BACKGROUND-ATTACHMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-attachment.</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-COLOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-COLOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-COLOR%20GENERIC-FUNCTION" >BACKGROUND-COLOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-color.</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-IMAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-IMAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-IMAGE%20GENERIC-FUNCTION" >BACKGROUND-IMAGE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-image url. proper syntax is
'url(...)' | nil to clear</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-POSITION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-POSITION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-POSITION%20GENERIC-FUNCTION" >BACKGROUND-POSITION</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-position. combination of 2 -
left/right/center/top/bottom | %x %y | x y</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-ORIGIN-TYPE-20TYPE-29"></a>
<a id="CLOG:BACKGROUND-ORIGIN-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-ORIGIN-TYPE%20TYPE" >BACKGROUND-ORIGIN-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-ORIGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-ORIGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-ORIGIN%20GENERIC-FUNCTION" >BACKGROUND-ORIGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-origin. Background position property
is relative to origin of: padding-box|border-box|content-box</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-REPEAT-TYPE-20TYPE-29"></a>
<a id="CLOG:BACKGROUND-REPEAT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-REPEAT-TYPE%20TYPE" >BACKGROUND-REPEAT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-REPEAT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-REPEAT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-REPEAT%20GENERIC-FUNCTION" >BACKGROUND-REPEAT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-repeat. repeat-x | repeat-y |
( repeat | space | round | no-repeat ) {1,2}</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-CLIP-TYPE-20TYPE-29"></a>
<a id="CLOG:BACKGROUND-CLIP-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-CLIP-TYPE%20TYPE" >BACKGROUND-CLIP-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-CLIP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-CLIP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-CLIP%20GENERIC-FUNCTION" >BACKGROUND-CLIP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-clip. If an element's background extends
underneath its border box, padding box, or content box.</p></li>
</ul>

<p><a id="x-28CLOG-3ABACKGROUND-SIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BACKGROUND-SIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BACKGROUND-SIZE%20GENERIC-FUNCTION" >BACKGROUND-SIZE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf background-size.
auto | w h | % = cover of parent | contain</p></li>
</ul>

<p><a id="x-28CLOG-3ABORDER-STYLE-TYPE-20TYPE-29"></a>
<a id="CLOG:BORDER-STYLE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:BORDER-STYLE-TYPE%20TYPE" >BORDER-STYLE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ABORDER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BORDER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BORDER%20GENERIC-FUNCTION" >BORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get border. <line-width> <border-style> <line-color></p></li>
</ul>

<p><a id="x-28CLOG-3ASET-BORDER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-BORDER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-BORDER%20GENERIC-FUNCTION" >SET-BORDER</a></span></span> <span class="locative-args">CLOG-ELEMENT LINE-WIDTH BORDER-STYLE LINE-COLOR</span></span></p>

<p>Set border width style and color.
line-width - size or medium|thin|thick|length|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3ABORDER-RADIUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BORDER-RADIUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BORDER-RADIUS%20GENERIC-FUNCTION" >BORDER-RADIUS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf border-radius.</p></li>
</ul>

<p><a id="x-28CLOG-3ABOX-SHADOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOX-SHADOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOX-SHADOW%20GENERIC-FUNCTION" >BOX-SHADOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf box-shadow.</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-SHADOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-SHADOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-SHADOW%20GENERIC-FUNCTION" >TEXT-SHADOW</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf text-shadow.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTLINE-STYLE-TYPE-20TYPE-29"></a>
<a id="CLOG:OUTLINE-STYLE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:OUTLINE-STYLE-TYPE%20TYPE" >OUTLINE-STYLE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AOUTLINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTLINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTLINE%20GENERIC-FUNCTION" >OUTLINE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outline. <line-color> <outline-style> <line-width></p></li>
</ul>

<p><a id="x-28CLOG-3ASET-OUTLINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-OUTLINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-OUTLINE%20GENERIC-FUNCTION" >SET-OUTLINE</a></span></span> <span class="locative-args">CLOG-ELEMENT LINE-COLOR OUTLINE-STYLE LINE-WIDTH</span></span></p>

<p>Set outline <line-color> <outline-style> <line-width>
line-width -  size or medium|thin|thick|length|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3AMARGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MARGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MARGIN%20GENERIC-FUNCTION" >MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get margin.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-MARGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-MARGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-MARGIN%20GENERIC-FUNCTION" >SET-MARGIN</a></span></span> <span class="locative-args">CLOG-ELEMENT TOP RIGHT BOTTOM LEFT</span></span></p>

<p>Set margins, Each can be - <length>|auto|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-MARGIN-SIDE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-MARGIN-SIDE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-MARGIN-SIDE%20GENERIC-FUNCTION" >SET-MARGIN-SIDE</a></span></span> <span class="locative-args">CLOG-ELEMENT SIDE VALUE</span></span></p>

<p>Set margin <code>SIDE</code> (:top :right :bottom or :left),
<code>VALUE</code> can be - <length>|auto|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3APADDING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PADDING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PADDING%20GENERIC-FUNCTION" >PADDING</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get padding.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-PADDING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-PADDING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-PADDING%20GENERIC-FUNCTION" >SET-PADDING</a></span></span> <span class="locative-args">CLOG-ELEMENT TOP RIGHT BOTTOM LEFT</span></span></p>

<p>Set padding. Each can be - <length>|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-PADDING-SIDE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-PADDING-SIDE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-PADDING-SIDE%20GENERIC-FUNCTION" >SET-PADDING-SIDE</a></span></span> <span class="locative-args">CLOG-ELEMENT SIDE VALUE</span></span></p>

<p>Set padding <code>SIDE</code> (:top :right :bottom or :left),
<code>VALUE</code> can be - <length>|auto|initial|inherit</p></li>
</ul>

<p><a id="x-28CLOG-3ACURSOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CURSOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CURSOR%20GENERIC-FUNCTION" >CURSOR</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf cursor. Sets the cursor to a standard type or an
image if set to url(url_to_image). When using a url is best to suggest an
alternate cursor, e.g. 'url(url_to_image),auto'
A list of standard cursor types can be found at:
  http://www.w3schools.com/cssref/pr_class_cursor.asp</p></li>
</ul>

<p><a id="x-28CLOG-3AFONT-STYLE-TYPE-20TYPE-29"></a>
<a id="CLOG:FONT-STYLE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FONT-STYLE-TYPE%20TYPE" >FONT-STYLE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AFONT-VARIANT-TYPE-20TYPE-29"></a>
<a id="CLOG:FONT-VARIANT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FONT-VARIANT-TYPE%20TYPE" >FONT-VARIANT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ASYSTEM-FONT-TYPE-20TYPE-29"></a>
<a id="CLOG:SYSTEM-FONT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:SYSTEM-FONT-TYPE%20TYPE" >SYSTEM-FONT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AFONT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FONT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FONT%20GENERIC-FUNCTION" >FONT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf font.</p></li>
</ul>

<p><a id="x-28CLOG-3AFONT-CSS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FONT-CSS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FONT-CSS%20GENERIC-FUNCTION" >FONT-CSS</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Get/Setf font raw css value</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-FONT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-FONT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-FONT%20GENERIC-FUNCTION" >SET-FONT</a></span></span> <span class="locative-args">CLOG-ELEMENT FONT-STYLE FONT-VARIANT FONT-WEIGHT FONT-HEIGHT FONT-FAMILY</span></span></p>

<p>Set font.</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-ALIGNMENT-TYPE-20TYPE-29"></a>
<a id="CLOG:TEXT-ALIGNMENT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:TEXT-ALIGNMENT-TYPE%20TYPE" >TEXT-ALIGNMENT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-ALIGNMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-ALIGNMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-ALIGNMENT%20GENERIC-FUNCTION" >TEXT-ALIGNMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf text-alignment.</p></li>
</ul>

<p><a id="x-28CLOG-3AVERTICAL-ALIGN-TYPE-20TYPE-29"></a>
<a id="CLOG:VERTICAL-ALIGN-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:VERTICAL-ALIGN-TYPE%20TYPE" >VERTICAL-ALIGN-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AVERTICAL-ALIGN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VERTICAL-ALIGN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VERTICAL-ALIGN%20GENERIC-FUNCTION" >VERTICAL-ALIGN</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf vertical-align in table cells or if display
is set to :table-cell or for labels on form elements.</p></li>
</ul>

<p>CLOG-Element - Methods</p>

<p><a id="x-28CLOG-3AADD-CLASS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-CLASS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-CLASS%20GENERIC-FUNCTION" >ADD-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>

<p>add-class.</p></li>
</ul>

<p><a id="x-28CLOG-3AREMOVE-CLASS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REMOVE-CLASS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REMOVE-CLASS%20GENERIC-FUNCTION" >REMOVE-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>

<p>remove-class.</p></li>
</ul>

<p><a id="x-28CLOG-3ATOGGLE-CLASS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOGGLE-CLASS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOGGLE-CLASS%20GENERIC-FUNCTION" >TOGGLE-CLASS</a></span></span> <span class="locative-args">CLOG-ELEMENT CSS-CLASS-NAME</span></span></p>

<p>toggle-class.</p></li>
</ul>

<p><a id="x-28CLOG-3AREMOVE-FROM-DOM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REMOVE-FROM-DOM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REMOVE-FROM-DOM%20GENERIC-FUNCTION" >REMOVE-FROM-DOM</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Remove CLOG-Element from the DOM. If object
is not stored in connection-data will become subject to browser-gc requests.</p></li>
</ul>

<p><a id="x-28CLOG-3AREMOVE-FROM-CLOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REMOVE-FROM-CLOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REMOVE-FROM-CLOG%20GENERIC-FUNCTION" >REMOVE-FROM-CLOG</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Remove CLOG-Element from the clog cache on browser.</p></li>
</ul>

<p><a id="x-28CLOG-3ADESTROY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DESTROY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DESTROY%20GENERIC-FUNCTION" >DESTROY</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Remove CLOG-Element from the DOM on browser and clog cache
on browser.</p></li>
</ul>

<p><a id="x-28CLOG-3ABROWSER-GC-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BROWSER-GC%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BROWSER-GC%20GENERIC-FUNCTION" >BROWSER-GC</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Finalize any clog cache items on browser not in DOM.
If clog-connect:*browser-gc-on-ping* is set this is done during websocket pings.
The main use is when clearing out large amounts of DOM objects not using CLOG
destroy. Any object stored in the connection-data will not be garbage collected
on the browser or Lisp side until <a href="#CLOG:DESTROY%20GENERIC-FUNCTION" title="CLOG:DESTROY GENERIC-FUNCTION"><code>DESTROY</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLICK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLICK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLICK%20GENERIC-FUNCTION" >CLICK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>simulate click.</p></li>
</ul>

<p><a id="x-28CLOG-3AREPLACE-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REPLACE-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REPLACE-ELEMENT%20GENERIC-FUNCTION" >REPLACE-ELEMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT NEW-CLOG-ELEMENT</span></span></p>

<p><code>CLOG-ELEMENT</code> and its children will we removed from DOM
but not destroyed and <code>NEW-CLOG-ELEMENT</code> will replace it in same location.
<a href="#CLOG:DESTROY%20GENERIC-FUNCTION" title="CLOG:DESTROY GENERIC-FUNCTION"><code>DESTROY</code></a> <code>CLOG-ELEMENT</code> if need to clear from browser memory.
Returns <code>CLOG-ELEMENT</code></p></li>
</ul>

<p><a id="x-28CLOG-3AREPLACE-CHILDREN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REPLACE-CHILDREN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REPLACE-CHILDREN%20GENERIC-FUNCTION" >REPLACE-CHILDREN</a></span></span> <span class="locative-args">CLOG-ELEMENT NEW-CLOG-ELEMENT</span></span></p>

<p>All <code>CLOG-ELEMENT</code>'s children will we removed from DOM
but not destroyed and <code>NEW-CLOG-ELEMENT</code> will be placed in <code>CLOG-ELEMENT</code>.
<a href="#CLOG:DESTROY%20GENERIC-FUNCTION" title="CLOG:DESTROY GENERIC-FUNCTION"><code>DESTROY</code></a> <code>CLOG-ELEMENT</code> if need to clear from browser memory.
Returns <code>CLOG-ELEMENT</code></p></li>
</ul>

<p><a id="x-28CLOG-3ASWAP-ELEMENT-BY-ID-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SWAP-ELEMENT-BY-ID%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SWAP-ELEMENT-BY-ID%20GENERIC-FUNCTION" >SWAP-ELEMENT-BY-ID</a></span></span> <span class="locative-args">HTML-ID CLOG-ELEMENT</span></span></p>

<p>Replace an existing element on page with <code>HTML-ID</code> with
<code>CLOG-ELEMENT</code> and set <code>CLOG-ELEMENT</code> to html-id. Returns <code>CLOG-ELEMENT</code></p></li>
</ul>

<p>CLOG-Element - DOM Traversal Methods</p>

<p><a id="x-28CLOG-3APARENT-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PARENT-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PARENT-ELEMENT%20GENERIC-FUNCTION" >PARENT-ELEMENT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Return a <em>new</em> clog-element represeting the parent of
<code>CLOG-ELEMENT</code>. In most cases use <a href="#CLOG:PARENT%20GENERIC-FUNCTION" title="CLOG:PARENT GENERIC-FUNCTION"><code>PARENT</code></a>, this creates an alias lisp object
used for DOM tree walking or other throw away purposes.</p></li>
</ul>

<p><a id="x-28CLOG-3AFIRST-CHILD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FIRST-CHILD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FIRST-CHILD%20GENERIC-FUNCTION" >FIRST-CHILD</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY NO-ATTACH</span></span></p>

<p>Traverse to first child element. If Child does not have an
html id than Element_Type will have an ID of undefined and therefore attached
to no actual <code>HTML</code> element.</p></li>
</ul>

<p><a id="x-28CLOG-3APREVIOUS-SIBLING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PREVIOUS-SIBLING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PREVIOUS-SIBLING%20GENERIC-FUNCTION" >PREVIOUS-SIBLING</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY NO-ATTACH</span></span></p>

<p>Traverse to previous sibling element.
If Child does not have an html id than Element_Type will have an ID of
undefined and therefore attached to no actual <code>HTML</code> elemen.</p></li>
</ul>

<p><a id="x-28CLOG-3ANEXT-SIBLING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NEXT-SIBLING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NEXT-SIBLING%20GENERIC-FUNCTION" >NEXT-SIBLING</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY NO-ATTACH</span></span></p>

<p>Traverse to next sibling element. If Child does not have an
html id than Element_Type will have an ID of undefined and therefore attached
to no actual <code>HTML</code> element.</p></li>
</ul>

<p><a id="x-28CLOG-3ALIST-OF-CHILDREN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LIST-OF-CHILDREN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LIST-OF-CHILDREN%20GENERIC-FUNCTION" >LIST-OF-CHILDREN</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY NO-ATTACH</span></span></p>

<p>Returns a list of child clog-element objects. If no-attach
is t they are only functional if there previously was an attach or was created
by CLOG, i.e. if just walking the DOM of existing clog-objects these are
like pointers.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-ELEMENT-COMMON-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-ELEMENT%20MGL-PAX:SECTION" title="CLOG Elements">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION" title="CLOG Presentations">&#8594;</a> <a href="#CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION" title="Common CLOG Elements">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION">8 Common CLOG Elements</a></h2>

<p><a href="#CLOG:CLOG-A%20CLASS" title="CLOG:CLOG-A CLASS"><code>CLOG-A</code></a> - Class for CLOG Anchors</p>

<p><a id="x-28CLOG-3ACLOG-A-20CLASS-29"></a>
<a id="CLOG:CLOG-A%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-A%20CLASS" >CLOG-A</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG A, anchor, Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-A-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-A%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-A%20GENERIC-FUNCTION" >CREATE-A</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY LINK CONTENT TARGET STYLE HIDDEN CLASS HTML-ID AUTO-PLACE DOWNLOAD</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-A%20CLASS" title="CLOG:CLOG-A CLASS"><code>CLOG-A</code></a> as child of <code>CLOG-OBJ</code> with <code>:LINK</code> and
<code>:CONTENT</code> (default &quot;&quot;) and <code>:TARGET</code> (&quot;_self&quot;) and if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>.</p>

<p>Target of link, name of a frame or:
   _blank  = new window
   _top    = top most frame (full browser window)
   _parent = parent frame or window
   _self   = current frame or window</p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINK%20GENERIC-FUNCTION" >LINK</a></span></span> <span class="locative-args">CLOG-A</span></span></p>

<p>Get/Setf the HREF link of the anchor.</p></li>
</ul>

<p><a id="x-28CLOG-3ATARGET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TARGET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TARGET%20GENERIC-FUNCTION" >TARGET</a></span></span> <span class="locative-args">CLOG-A</span></span></p>

<p>Get/Setf the link target of the anchor.</p></li>
</ul>

<p><a id="x-28CLOG-3ADOWNLOAD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DOWNLOAD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DOWNLOAD%20GENERIC-FUNCTION" >DOWNLOAD</a></span></span> <span class="locative-args">CLOG-A</span></span></p>

<p>Get/Setf the download name of the anchor.</p></li>
</ul>

<p><a href="#CLOG:CLOG-BR%20CLASS" title="CLOG:CLOG-BR CLASS"><code>CLOG-BR</code></a> - Class for CLOG Line Breaks</p>

<p><a id="x-28CLOG-3ACLOG-BR-20CLASS-29"></a>
<a id="CLOG:CLOG-BR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-BR%20CLASS" >CLOG-BR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG BR Objects for line breaks.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-BR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-BR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-BR%20GENERIC-FUNCTION" >CREATE-BR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-BR%20CLASS" title="CLOG:CLOG-BR CLASS"><code>CLOG-BR</code></a> as child of <code>CLOG-OBJ</code> that creates a
line break and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p><a href="#CLOG:CLOG-BUTTON%20CLASS" title="CLOG:CLOG-BUTTON CLASS"><code>CLOG-BUTTON</code></a> - Class for CLOG Buttons</p>

<p><a id="x-28CLOG-3ACLOG-BUTTON-20CLASS-29"></a>
<a id="CLOG:CLOG-BUTTON%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-BUTTON%20CLASS" >CLOG-BUTTON</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Button Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-BUTTON-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-BUTTON%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-BUTTON%20GENERIC-FUNCTION" >CREATE-BUTTON</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Button as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code></p></li>
</ul>

<p><a id="x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DISABLEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DISABLEDP%20GENERIC-FUNCTION" >DISABLEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element disabledp.</p></li>
</ul>

<p><a href="#CLOG:CLOG-IMG%20CLASS" title="CLOG:CLOG-IMG CLASS"><code>CLOG-IMG</code></a> - Class for CLOG Images</p>

<p><a id="x-28CLOG-3ACLOG-IMG-20CLASS-29"></a>
<a id="CLOG:CLOG-IMG%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-IMG%20CLASS" >CLOG-IMG</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Img Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-IMG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-IMG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-IMG%20GENERIC-FUNCTION" >CREATE-IMG</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY URL-SRC ALT-TEXT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Img as child of <code>CLOG-OBJ</code> with <code>:URL-SRC</code>
(default &quot;&quot;) and <code>:ALT-TEXT</code> (default &quot;&quot;) if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>. Use width and height properties before
placing image to constrain image size.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-SRC%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-SRC%20GENERIC-FUNCTION" >URL-SRC</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf the url-src of the img.</p></li>
</ul>

<p>CLOG-Div - Class for CLOG Div Blocks</p>

<p><a id="x-28CLOG-3ACLOG-DIV-20CLASS-29"></a>
<a id="CLOG:CLOG-DIV%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DIV%20CLASS" >CLOG-DIV</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Div Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DIV-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DIV%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DIV%20GENERIC-FUNCTION" >CREATE-DIV</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Div as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>. If hidden is true visiblep is set to nil.</p></li>
</ul>

<p>CLOG-Dialog - Class for CLOG Dialog Blocks</p>

<p><a id="x-28CLOG-3ACLOG-DIALOG-20CLASS-29"></a>
<a id="CLOG:CLOG-DIALOG%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DIALOG%20CLASS" >CLOG-DIALOG</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Dialog Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DIALOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DIALOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DIALOG%20GENERIC-FUNCTION" >CREATE-DIALOG</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Dialog as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>. If hidden is true visiblep is set to nil. Modal does not work on
firefox and dialog does not work at all on IE.</p></li>
</ul>

<p><a id="x-28CLOG-3ARETURN-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RETURN-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RETURN-VALUE%20GENERIC-FUNCTION" >RETURN-VALUE</a></span></span> <span class="locative-args">CLOG-DIALOG</span></span></p>

<p>Get/Setf return-value of dialog.</p></li>
</ul>

<p><a id="x-28CLOG-3ADIALOG-OPENP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DIALOG-OPENP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DIALOG-OPENP%20GENERIC-FUNCTION" >DIALOG-OPENP</a></span></span> <span class="locative-args">CLOG-DIALOG</span></span></p>

<p>Get/Setf dialog-openp. Will show dialog </p></li>
</ul>

<p><a id="x-28CLOG-3ASHOW-DIALOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SHOW-DIALOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SHOW-DIALOG%20GENERIC-FUNCTION" >SHOW-DIALOG</a></span></span> <span class="locative-args">CLOG-DIALOG &amp;KEY MODAL</span></span></p>

<p>Show dialog.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOSE-DIALOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOSE-DIALOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOSE-DIALOG%20GENERIC-FUNCTION" >CLOSE-DIALOG</a></span></span> <span class="locative-args">CLOG-DIALOG</span></span></p>

<p>Close dialog.</p></li>
</ul>

<p>CLOG-Details - Class for CLOG Detail Blocks</p>

<p><a id="x-28CLOG-3ACLOG-DETAILS-20CLASS-29"></a>
<a id="CLOG:CLOG-DETAILS%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DETAILS%20CLASS" >CLOG-DETAILS</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Details Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DETAILS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DETAILS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DETAILS%20GENERIC-FUNCTION" >CREATE-DETAILS</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Details as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>. If hidden is true visiblep is set to nil.</p></li>
</ul>

<p><a id="x-28CLOG-3ADETAILS-OPENP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DETAILS-OPENP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DETAILS-OPENP%20GENERIC-FUNCTION" >DETAILS-OPENP</a></span></span> <span class="locative-args">CLOG-DETAILS</span></span></p>

<p>Get/Setf details-openp. Will show details </p></li>
</ul>

<p>CLOG-Summary - Class for CLOG Summary Blocks</p>

<p><a id="x-28CLOG-3ACLOG-SUMMARY-20CLASS-29"></a>
<a id="CLOG:CLOG-SUMMARY%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-SUMMARY%20CLASS" >CLOG-SUMMARY</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Summary Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-SUMMARY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-SUMMARY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-SUMMARY%20GENERIC-FUNCTION" >CREATE-SUMMARY</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Summary as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>. If hidden is true visiblep is set to nil. Use inside a <a href="#CLOG:CLOG-DETAILS%20CLASS" title="CLOG:CLOG-DETAILS CLASS"><code>CLOG-DETAILS</code></a>
object for drop reveal.</p></li>
</ul>

<p><a href="#CLOG:CLOG-HR%20CLASS" title="CLOG:CLOG-HR CLASS"><code>CLOG-HR</code></a> - Class for CLOG Hortizontal Rules</p>

<p><a id="x-28CLOG-3ACLOG-HR-20CLASS-29"></a>
<a id="CLOG:CLOG-HR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-HR%20CLASS" >CLOG-HR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG HR Objects for horizontal rules.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-HR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-HR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-HR%20GENERIC-FUNCTION" >CREATE-HR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY HIDDEN STYLE CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-HR%20CLASS" title="CLOG:CLOG-HR CLASS"><code>CLOG-HR</code></a> as child of <code>CLOG-OBJ</code> that creates a
horizontal rule (line) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Meter - Class for CLOG Meters</p>

<p><a id="x-28CLOG-3ACLOG-METER-20CLASS-29"></a>
<a id="CLOG:CLOG-METER%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-METER%20CLASS" >CLOG-METER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Meter Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-METER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-METER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-METER%20GENERIC-FUNCTION" >CREATE-METER</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY VALUE HIGH LOW MAXIMUM MINIMUM OPTIMUM STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Meter as child of <code>CLOG-OBJ</code> with <code>VALUE</code>
(default 0) <code>HIGH</code> (default 100) <code>LOW</code> (default 0) <code>MAXIMUM</code> (default 100) <code>MINIMUM</code>
(default 0) <code>OPTIMUM</code> (default 50) and if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALUE%20GENERIC-FUNCTION" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element value.
Form element values are not accessible through the Text property but
instead through the value property.</p></li>
</ul>

<p><a id="x-28CLOG-3AHIGH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HIGH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HIGH%20GENERIC-FUNCTION" >HIGH</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>

<p>Get/Setf the high of the meter.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOW%20GENERIC-FUNCTION" >LOW</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>

<p>Get/Setf the low of the meter.</p></li>
</ul>

<p><a id="x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MINIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MINIMUM%20GENERIC-FUNCTION" >MINIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element minimum.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM%20GENERIC-FUNCTION" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element maximum.</p></li>
</ul>

<p><a id="x-28CLOG-3AOPTIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OPTIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OPTIMUM%20GENERIC-FUNCTION" >OPTIMUM</a></span></span> <span class="locative-args">CLOG-METER</span></span></p>

<p>Get/Setf the optimum of the meter.</p></li>
</ul>

<p>CLOG-Progress-Bar - Class for CLOG Progress Bars</p>

<p><a id="x-28CLOG-3ACLOG-PROGRESS-BAR-20CLASS-29"></a>
<a id="CLOG:CLOG-PROGRESS-BAR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PROGRESS-BAR%20CLASS" >CLOG-PROGRESS-BAR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Progress-Bar Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PROGRESS-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PROGRESS-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PROGRESS-BAR%20GENERIC-FUNCTION" >CREATE-PROGRESS-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY VALUE MAXIMUM STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Progress-Bar as child of <code>CLOG-OBJ</code> with
<code>VALUE</code> (default 0) <code>MAXIMUM</code> (default 100) and if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALUE%20GENERIC-FUNCTION" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element value.
Form element values are not accessible through the Text property but
instead through the value property.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM%20GENERIC-FUNCTION" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element maximum.</p></li>
</ul>

<p><a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a> - Class for CLOG Paragraphs</p>

<p><a id="x-28CLOG-3ACLOG-P-20CLASS-29"></a>
<a id="CLOG:CLOG-P%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-P%20CLASS" >CLOG-P</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG P Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-P%20GENERIC-FUNCTION" >CREATE-P</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a> as child of <code>CLOG-OBJ</code> with <code>:CONTENT</code>
(default &quot;&quot;) and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Span - Class for CLOG Inline Spans</p>

<p><a id="x-28CLOG-3ACLOG-SPAN-20CLASS-29"></a>
<a id="CLOG:CLOG-SPAN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-SPAN%20CLASS" >CLOG-SPAN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Span Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-SPAN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-SPAN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-SPAN%20GENERIC-FUNCTION" >CREATE-SPAN</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Span as child of <code>CLOG-OBJ</code> with <code>CONTENT</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code>. A span is
an inline element while a div is a block element (one that takes up the entire
browser width).</p></li>
</ul>

<p>CLOG-Section - Class for CLOG Inline Sections</p>

<p><a id="x-28CLOG-3ASECTION-TYPE-20TYPE-29"></a>
<a id="CLOG:SECTION-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:SECTION-TYPE%20TYPE" >SECTION-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-SECTION-20CLASS-29"></a>
<a id="CLOG:CLOG-SECTION%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-SECTION%20CLASS" >CLOG-SECTION</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Section Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-SECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-SECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-SECTION%20GENERIC-FUNCTION" >CREATE-SECTION</a></span></span> <span class="locative-args">CLOG-OBJ SECTION &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Section of section type as child of
<code>CLOG-OBJ</code> with <code>CONTENT</code> and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code>.</p>

<p><a href="#CLOG:SECTION-TYPE%20TYPE" title="CLOG:SECTION-TYPE TYPE"><code>SECTION-TYPE</code></a> -
   :address :article :aside :header :main :nav
   :p :pre :section :blockquote :h1 :h2 :h3 :h4 :h5 :h6
   :hgroup</p></li>
</ul>

<p><a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>hrase - Class for CLOG Inline Phrases</p>

<p><a id="x-28CLOG-3APHRASE-TYPE-20TYPE-29"></a>
<a id="CLOG:PHRASE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:PHRASE-TYPE%20TYPE" >PHRASE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-PHRASE-20CLASS-29"></a>
<a id="CLOG:CLOG-PHRASE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PHRASE%20CLASS" >CLOG-PHRASE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Phrase Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PHRASE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PHRASE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PHRASE%20GENERIC-FUNCTION" >CREATE-PHRASE</a></span></span> <span class="locative-args">CLOG-OBJ PHRASE &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>hrase of phrase type  as child of
<code>CLOG-OBJ</code> with <code>CONTENT</code> and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of
<code>CLOG-OBJ</code></p>

<p><a href="#CLOG:PHRASE-TYPE%20TYPE" title="CLOG:PHRASE-TYPE TYPE"><code>PHRASE-TYPE</code></a> -
  :abbr :code :strong :em :dfn :samp :kbd :var
  :marked :del :ins :s :q :big :small :time :tt :cite
  :i :b :u :sub :su :center</p></li>
</ul>

<p>CLOG-Ordered-List - Class for CLOG Ordered-Lists</p>

<p><a id="x-28CLOG-3ACLOG-ORDERED-LIST-20CLASS-29"></a>
<a id="CLOG:CLOG-ORDERED-LIST%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-ORDERED-LIST%20CLASS" >CLOG-ORDERED-LIST</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Ordered-List Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-ORDERED-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-ORDERED-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-ORDERED-LIST%20GENERIC-FUNCTION" >CREATE-ORDERED-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Ordered-List as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALIST-KIND-TYPE-20TYPE-29"></a>
<a id="CLOG:LIST-KIND-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:LIST-KIND-TYPE%20TYPE" >LIST-KIND-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ALIST-KIND-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LIST-KIND%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LIST-KIND%20GENERIC-FUNCTION" >LIST-KIND</a></span></span> <span class="locative-args">CLOG-ORDERED-LIST</span></span></p>

<p>Get/Setf list list-kind.</p>

<p><a href="#CLOG:LIST-KIND-TYPE%20TYPE" title="CLOG:LIST-KIND-TYPE TYPE"><code>LIST-KIND-TYPE</code></a> -
  :disc :armenian :circle :cjk-ideographic
  :decimal :decimal-leading-zero :georgian :hebrew
  :hiragana :hiragana-iroha :katakana
  :katakana-iroha :lower-alpha :lower-greek
  :lower-latin :lower-roman :none :square
  :upper-alpha :upper-latin :upper-roman</p></li>
</ul>

<p><a id="x-28CLOG-3ALIST-LOCATION-TYPE-20TYPE-29"></a>
<a id="CLOG:LIST-LOCATION-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:LIST-LOCATION-TYPE%20TYPE" >LIST-LOCATION-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ALIST-LOCATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LIST-LOCATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LIST-LOCATION%20GENERIC-FUNCTION" >LIST-LOCATION</a></span></span> <span class="locative-args">CLOG-ORDERED-LIST</span></span></p>

<p>Get/Setf list list-location (:inside or :outside).
Default is outside.</p></li>
</ul>

<p>CLOG-Unordered-List - Class for CLOG Unordered-Lists</p>

<p><a id="x-28CLOG-3ACLOG-UNORDERED-LIST-20CLASS-29"></a>
<a id="CLOG:CLOG-UNORDERED-LIST%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-UNORDERED-LIST%20CLASS" >CLOG-UNORDERED-LIST</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Unordered-List Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-UNORDERED-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-UNORDERED-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-UNORDERED-LIST%20GENERIC-FUNCTION" >CREATE-UNORDERED-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Unordered-List as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-List-Item - Class for CLOG List-Items</p>

<p><a id="x-28CLOG-3ACLOG-LIST-ITEM-20CLASS-29"></a>
<a id="CLOG:CLOG-LIST-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-LIST-ITEM%20CLASS" >CLOG-LIST-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG List-Item Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-LIST-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-LIST-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-LIST-ITEM%20GENERIC-FUNCTION" >CREATE-LIST-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-List-Item as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p><a id="x-28CLOG-3AITEM-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ITEM-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ITEM-VALUE%20GENERIC-FUNCTION" >ITEM-VALUE</a></span></span> <span class="locative-args">CLOG-LIST-ITEM</span></span></p>

<p>Get/Setf list item-value.</p></li>
</ul>

<p>CLOG-Definition-List - Class for CLOG Definition-Lists</p>

<p><a id="x-28CLOG-3ACLOG-DEFINITION-LIST-20CLASS-29"></a>
<a id="CLOG:CLOG-DEFINITION-LIST%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DEFINITION-LIST%20CLASS" >CLOG-DEFINITION-LIST</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Definition-List Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DEFINITION-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DEFINITION-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DEFINITION-LIST%20GENERIC-FUNCTION" >CREATE-DEFINITION-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Definition-List as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Term - Class for CLOG Terms</p>

<p><a id="x-28CLOG-3ACLOG-TERM-20CLASS-29"></a>
<a id="CLOG:CLOG-TERM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TERM%20CLASS" >CLOG-TERM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Term Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TERM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TERM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TERM%20GENERIC-FUNCTION" >CREATE-TERM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Term as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Description - Class for CLOG Descriptions</p>

<p><a id="x-28CLOG-3ACLOG-DESCRIPTION-20CLASS-29"></a>
<a id="CLOG:CLOG-DESCRIPTION%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DESCRIPTION%20CLASS" >CLOG-DESCRIPTION</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Description Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DESCRIPTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DESCRIPTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DESCRIPTION%20GENERIC-FUNCTION" >CREATE-DESCRIPTION</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Description as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table - Class for CLOG Tables</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE%20CLASS" >CLOG-TABLE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Table Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE%20GENERIC-FUNCTION" >CREATE-TABLE</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Row - Class for CLOG Table-Rows</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-ROW-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-ROW%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-ROW%20CLASS" >CLOG-TABLE-ROW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Table-Row Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-ROW%20GENERIC-FUNCTION" >CREATE-TABLE-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Row as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Column - Class for CLOG Table-Columns</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-COLUMN-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-COLUMN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-COLUMN%20CLASS" >CLOG-TABLE-COLUMN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE-ROW%20CLASS" title="CLOG:CLOG-TABLE-ROW CLASS">CLOG-TABLE-ROW</a></span></span></p>

<p>CLOG Table-Column Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-COLUMN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-COLUMN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-COLUMN%20GENERIC-FUNCTION" >CREATE-TABLE-COLUMN</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT COLUMN-SPAN ROW-SPAN STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Column as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Heading - Class for CLOG Table-Headings</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-HEADING-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-HEADING%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-HEADING%20CLASS" >CLOG-TABLE-HEADING</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE-ROW%20CLASS" title="CLOG:CLOG-TABLE-ROW CLASS">CLOG-TABLE-ROW</a></span></span></p>

<p>CLOG Table-Heading Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-HEADING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-HEADING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-HEADING%20GENERIC-FUNCTION" >CREATE-TABLE-HEADING</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT COLUMN-SPAN ROW-SPAN STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Heading as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Head - Class for CLOG Table-Heads</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-HEAD-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-HEAD%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-HEAD%20CLASS" >CLOG-TABLE-HEAD</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Table-Head Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-HEAD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-HEAD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-HEAD%20GENERIC-FUNCTION" >CREATE-TABLE-HEAD</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Head as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Body - Class for CLOG Table-Bodys</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-BODY-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-BODY%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-BODY%20CLASS" >CLOG-TABLE-BODY</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Table-Body Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-BODY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-BODY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-BODY%20GENERIC-FUNCTION" >CREATE-TABLE-BODY</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Body as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Caption - Class for CLOG Table-Captions</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-CAPTION-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-CAPTION%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-CAPTION%20CLASS" >CLOG-TABLE-CAPTION</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Table-Caption Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-CAPTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-CAPTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-CAPTION%20GENERIC-FUNCTION" >CREATE-TABLE-CAPTION</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Caption as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Footer - Class for CLOG Table-Footers</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-FOOTER-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-FOOTER%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-FOOTER%20CLASS" >CLOG-TABLE-FOOTER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Table-Footer Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-FOOTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-FOOTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-FOOTER%20GENERIC-FUNCTION" >CREATE-TABLE-FOOTER</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Footer as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Column-Group - Class for CLOG Table-Column-Groups</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-COLUMN-GROUP-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-COLUMN-GROUP%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-COLUMN-GROUP%20CLASS" >CLOG-TABLE-COLUMN-GROUP</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Table-Column-Group Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-COLUMN-GROUP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-COLUMN-GROUP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-COLUMN-GROUP%20GENERIC-FUNCTION" >CREATE-TABLE-COLUMN-GROUP</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Column-Group as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p>CLOG-Table-Column-Group-Item - Class for CLOG Table-Column-Group-Items</p>

<p><a id="x-28CLOG-3ACLOG-TABLE-COLUMN-GROUP-ITEM-20CLASS-29"></a>
<a id="CLOG:CLOG-TABLE-COLUMN-GROUP-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TABLE-COLUMN-GROUP-ITEM%20CLASS" >CLOG-TABLE-COLUMN-GROUP-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-TABLE-COLUMN-GROUP%20CLASS" title="CLOG:CLOG-TABLE-COLUMN-GROUP CLASS">CLOG-TABLE-COLUMN-GROUP</a></span></span></p>

<p>CLOG Table-Column-Group-Item Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TABLE-COLUMN-GROUP-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TABLE-COLUMN-GROUP-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TABLE-COLUMN-GROUP-ITEM%20GENERIC-FUNCTION" >CREATE-TABLE-COLUMN-GROUP-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY COLUMN-SPAN STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Table-Column-Group-Item as child of <code>CLOG-OBJ</code>
and if <code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code></p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-PRESENTATIONS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-ELEMENT-COMMON%20MGL-PAX:SECTION" title="Common CLOG Elements">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-DATA%20MGL-PAX:SECTION" title="CLOG Data">&#8594;</a> <a href="#CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION" title="CLOG Presentations">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION">9 CLOG Presentations</a></h2>

<p><a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>resentations - CLOG bindings to Lisp Objects</p>

<p><a id="x-28CLOG-3ALINK-SLOT-AND-FORM-ELEMENT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-SLOT-AND-FORM-ELEMENT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-SLOT-AND-FORM-ELEMENT%20MGL-PAX:MACRO" >LINK-SLOT-AND-FORM-ELEMENT</a></span></span> <span class="locative-args">OBJECT ACCESSOR CLOG-OBJ &amp;KEY (SET-EVENT #'<a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-CHANGE GENERIC-FUNCTION"><code>SET-ON-CHANGE</code></a>) TRANSFORM-TO-LISP TRANSFORM-TO-ELEMENT</span></span></p>

<p>Biderectional link slot (<code>ACCESSOR</code> <code>OBJECT</code>) &lt;&gt; clog-form-element (<code>CLOG-OBJ</code>)</p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-SLOT-AND-ELEMENT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-SLOT-AND-ELEMENT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-SLOT-AND-ELEMENT%20MGL-PAX:MACRO" >LINK-SLOT-AND-ELEMENT</a></span></span> <span class="locative-args">OBJECT ACCESSOR CLOG-OBJ &amp;KEY (SET-EVENT #'<a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-CHANGE GENERIC-FUNCTION"><code>SET-ON-CHANGE</code></a>) TRANSFORM-TO-LISP TRANSFORM-TO-ELEMENT</span></span></p>

<p>Biderectional link slot (<code>ACCESSOR</code> <code>OBJECT</code>) &lt;&gt; clog-element (<code>CLOG-OBJ</code>)</p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-FORM-ELEMENT-TO-SLOT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-FORM-ELEMENT-TO-SLOT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-FORM-ELEMENT-TO-SLOT%20MGL-PAX:MACRO" >LINK-FORM-ELEMENT-TO-SLOT</a></span></span> <span class="locative-args">CLOG-OBJ OBJECT ACCESSOR &amp;KEY (SET-EVENT #'<a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-CHANGE GENERIC-FUNCTION"><code>SET-ON-CHANGE</code></a>) TRANSFORM</span></span></p>

<p>Link changes to (value <code>CLOG-OBJ</code>) to (ACESSOR <code>OBJECT</code>)
on <code>SET-EVENT</code> with <code>TRANSFORM</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-ELEMENT-TO-SLOT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-ELEMENT-TO-SLOT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-ELEMENT-TO-SLOT%20MGL-PAX:MACRO" >LINK-ELEMENT-TO-SLOT</a></span></span> <span class="locative-args">CLOG-OBJ OBJECT ACCESSOR &amp;KEY (SET-EVENT #'<a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-CHANGE GENERIC-FUNCTION"><code>SET-ON-CHANGE</code></a>) TRANSFORM</span></span></p>

<p>Link changes to (text <code>CLOG-OBJ</code>) to (ACESSOR <code>OBJECT</code>)
on <code>SET-EVENT</code> with <code>TRANSFORM</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-ELEMENT-TO-PLACE-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-ELEMENT-TO-PLACE%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-ELEMENT-TO-PLACE%20MGL-PAX:MACRO" >LINK-ELEMENT-TO-PLACE</a></span></span> <span class="locative-args">CLOG-OBJ PROPERTY PLACE &amp;KEY (SET-EVENT #'<a href="#CLOG:SET-ON-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-CHANGE GENERIC-FUNCTION"><code>SET-ON-CHANGE</code></a>) TRANSFORM</span></span></p>

<p>Link changes to (<code>PROPERTY</code> <code>CLOG-OBJ</code>) to any lisp <code>PLACE</code>
on <code>SET-EVENT</code> with <code>TRANSFORM</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-SLOT-TO-FORM-ELEMENT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-SLOT-TO-FORM-ELEMENT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-SLOT-TO-FORM-ELEMENT%20MGL-PAX:MACRO" >LINK-SLOT-TO-FORM-ELEMENT</a></span></span> <span class="locative-args">OBJECT ACCESSOR CLOG-OBJ &amp;KEY TRANSFORM</span></span></p>

<p>Link changes to lisp (<code>ACCESSOR</code> <code>OBJECT</code>) to (value <code>CLOG-OBJ</code>). Only one
element can be bound at a time to a lisp object.</p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-SLOT-TO-ELEMENT-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-SLOT-TO-ELEMENT%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-SLOT-TO-ELEMENT%20MGL-PAX:MACRO" >LINK-SLOT-TO-ELEMENT</a></span></span> <span class="locative-args">OBJECT ACCESSOR CLOG-OBJ &amp;KEY TRANSFORM</span></span></p>

<p>Link changes to lisp (<code>ACCESSOR</code> <code>OBJECT</code>) to (text <code>CLOG-OBJ</code>). Only one
element can be bound at a time to a lisp object.</p></li>
</ul>

<p><a id="x-28CLOG-3ALINK-SLOT-TO-PLACE-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG:LINK-SLOT-TO-PLACE%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG:LINK-SLOT-TO-PLACE%20MGL-PAX:MACRO" >LINK-SLOT-TO-PLACE</a></span></span> <span class="locative-args">OBJECT ACCESSOR PLACE &amp;KEY TRANSFORM</span></span></p>

<p>Link changes to lisp (<code>ACCESSOR</code> <code>OBJECT</code>) to <code>PLACE</code>. Only one
<code>PLACE</code> can be bound at a time to a lisp object.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-DATA-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-DATA%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-PRESENTATIONS%20MGL-PAX:SECTION" title="CLOG Presentations">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-DBI%20MGL-PAX:SECTION" title="CLOG DBI">&#8594;</a> <a href="#CLOG:@CLOG-DATA%20MGL-PAX:SECTION" title="CLOG Data">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-DATA%20MGL-PAX:SECTION">10 CLOG Data</a></h2>

<p>Load and Write to objects and CLOG-Elements</p>

<p><a id="x-28CLOG-3ADATA-LOAD-PLIST-20FUNCTION-29"></a>
<a id="CLOG:DATA-LOAD-PLIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:DATA-LOAD-PLIST%20FUNCTION" >DATA-LOAD-PLIST</a></span></span> <span class="locative-args">OBJ PLIST &amp;KEY (ROW-ID-NAME <code>NIL</code>) (UPCASE-KEY <code>T</code>)</span></span></p>

<p>Load a <code>PLIST</code> in to <code>OBJ</code> where key of plist is the name of slot on
<code>OBJ</code> and the value is the data to load.  If slot contains a <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a>
<a href="#CLOG:TEXT-VALUE%20GENERIC-FUNCTION" title="CLOG:TEXT-VALUE GENERIC-FUNCTION"><code>TEXT-VALUE</code></a> is set, if not the slot is set to the value. If key is not
the name of a slot it is ignored.  The key is coverted to a string and
upper cased before attempting to match it to a slot if <code>:UPCASE-KEY</code> t
(default). If <code>:ROW-ID-NAME</code> is set returns that fields value.</p></li>
</ul>

<p><a id="x-28CLOG-3ADATA-WRITE-LIST-20FUNCTION-29"></a>
<a id="CLOG:DATA-WRITE-LIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:DATA-WRITE-LIST%20FUNCTION" >DATA-WRITE-LIST</a></span></span> <span class="locative-args">OBJ SLOT-NAME-LIST &amp;KEY (UPCASE-KEY <code>T</code>)</span></span></p>

<p>Returns a list, one value for each slot name in <code>SLOT-NAME-LIST</code>. If
a slot contains a <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a> then <a href="#CLOG:TEXT-VALUE%20GENERIC-FUNCTION" title="CLOG:TEXT-VALUE GENERIC-FUNCTION"><code>TEXT-VALUE</code></a> is used to retrieve the
value. Slot names may be symbols, keywords or text (and will be
upcased before looking up symbol if <code>:UPCASE-KEY</code> t). All slot-names
must be bound.</p></li>
</ul>

<p><a id="x-28CLOG-3ADATA-WRITE-PLIST-20FUNCTION-29"></a>
<a id="CLOG:DATA-WRITE-PLIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:DATA-WRITE-PLIST%20FUNCTION" >DATA-WRITE-PLIST</a></span></span> <span class="locative-args">OBJ SLOT-NAME-LIST &amp;KEY (UPCASE-KEY <code>T</code>) (KEYS-AS-KEYWORDS <code>T</code>)</span></span></p>

<p>Returns a plist, one member for each slot name in <code>SLOT-NAME-LIST</code>,
the key is the slot name. If a slot contains a <a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS"><code>CLOG-ELEMENT</code></a> then
<a href="#CLOG:TEXT-VALUE%20GENERIC-FUNCTION" title="CLOG:TEXT-VALUE GENERIC-FUNCTION"><code>TEXT-VALUE</code></a> is used to retrieve the value otherwise it is the
slot-value. Slot names may be symbols, keywords, or text (and will be
upcased before looking up symbol if <code>:UPCASE-KEY</code> t). If a slot-name is
a cons, the first will be used as the key in the plist and the second
will be the actual slot-name. All slot-names must be bound. If
slot-name does not exist it is left out of returned plist. If
<code>:KEYS-AS-KEYWORDS</code> t (default) then the keys will be symbols in the
keyword package.</p></li>
</ul>

<p><code>SQL</code> Timestamp by Engine</p>

<p><a id="x-28CLOG-3A-2AMYSQL-TIMESTAMP-2A-20VARIABLE-29"></a>
<a id="CLOG:*MYSQL-TIMESTAMP*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*MYSQL-TIMESTAMP*%20VARIABLE" >*MYSQL-TIMESTAMP*</a></span></span> <span class="locative-args">&quot;unix_timestamp()&quot;</span></span></p>

<p>Function used by mysql to retrieve the time from the epoch</p></li>
</ul>

<p><a id="x-28CLOG-3A-2ASQLITE-TIMESTAMP-2A-20VARIABLE-29"></a>
<a id="CLOG:*SQLITE-TIMESTAMP*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*SQLITE-TIMESTAMP*%20VARIABLE" >*SQLITE-TIMESTAMP*</a></span></span> <span class="locative-args">&quot;strftime('%s')&quot;</span></span></p>

<p>Function used by sqlite to retrieve the time from the epoch</p></li>
</ul>

<p><a id="x-28CLOG-3A-2APOSTGRESQL-TIMESTAMP-2A-20VARIABLE-29"></a>
<a id="CLOG:*POSTGRESQL-TIMESTAMP*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*POSTGRESQL-TIMESTAMP*%20VARIABLE" >*POSTGRESQL-TIMESTAMP*</a></span></span> <span class="locative-args">&quot;extract(epoch from now())&quot;</span></span></p>

<p>Function used by postgresql to retrieve the time from the epoch</p></li>
</ul>

<p><code>SQL</code> Writing Helpers</p>

<p><a id="x-28CLOG-3ASQL-QUOTE-20FUNCTION-29"></a>
<a id="CLOG:SQL-QUOTE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-QUOTE%20FUNCTION" >SQL-QUOTE</a></span></span> <span class="locative-args">VALUE</span></span></p>

<p>Returns value single quoted if string (single quote quoted by doubling)
unless is the single character '?'. If value is a list the car is returned
unquoted</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-FIELD-LIST-20FUNCTION-29"></a>
<a id="CLOG:SQL-FIELD-LIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-FIELD-LIST%20FUNCTION" >SQL-FIELD-LIST</a></span></span> <span class="locative-args">FIELD-LIST &amp;KEY QUOTE-ALL FOR-INSERT</span></span></p>

<p>Given list of fields returns a string for use in a <code>SQL</code> select and
insert field lists. Use a cons (realname asname) to rename fields for
selects, if <code>:FOR-INSERT</code> t then the realname is used. Symbols are
stringified first. If <code>:QUOTE-ALL</code> t then all fields are in quotes.</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-VALUE-LIST-20FUNCTION-29"></a>
<a id="CLOG:SQL-VALUE-LIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-VALUE-LIST%20FUNCTION" >SQL-VALUE-LIST</a></span></span> <span class="locative-args">VALUE-LIST</span></span></p>

<p>Given list of values each passed to <a href="#CLOG:SQL-QUOTE%20FUNCTION" title="CLOG:SQL-QUOTE FUNCTION"><code>SQL-QUOTE</code></a> returns a string for
use in a <code>SQL</code> insert value list.</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-UPDATE-LIST-20FUNCTION-29"></a>
<a id="CLOG:SQL-UPDATE-LIST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-UPDATE-LIST%20FUNCTION" >SQL-UPDATE-LIST</a></span></span> <span class="locative-args">PLIST</span></span></p>

<p>Given plist of field names and values each passed to <a href="#CLOG:SQL-QUOTE%20FUNCTION" title="CLOG:SQL-QUOTE FUNCTION"><code>SQL-QUOTE</code></a> and
returns a string for use in a <code>SQL</code> update. if the 'key' is a cons the
first 'key' used.</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-SELECT-20FUNCTION-29"></a>
<a id="CLOG:SQL-SELECT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-SELECT%20FUNCTION" >SQL-SELECT</a></span></span> <span class="locative-args">TABLE FIELD-LIST &amp;KEY WHERE ORDER-BY LIMIT</span></span></p>

<p>Build basic sql select statement</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-INSERT-20FUNCTION-29"></a>
<a id="CLOG:SQL-INSERT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-INSERT%20FUNCTION" >SQL-INSERT</a></span></span> <span class="locative-args">TABLE FIELD-LIST VALUE-LIST</span></span></p>

<p>Build basic sql insert statement</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-INSERT-2A-20FUNCTION-29"></a>
<a id="CLOG:SQL-INSERT*%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-INSERT*%20FUNCTION" >SQL-INSERT*</a></span></span> <span class="locative-args">TABLE PLIST</span></span></p>

<p>Build basic sql insert statement using a plist</p></li>
</ul>

<p><a id="x-28CLOG-3ASQL-UPDATE-20FUNCTION-29"></a>
<a id="CLOG:SQL-UPDATE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SQL-UPDATE%20FUNCTION" >SQL-UPDATE</a></span></span> <span class="locative-args">TABLE PLIST WHERE</span></span></p>

<p>Build basic sql update statement</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-DBI-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-DBI%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-DATA%20MGL-PAX:SECTION" title="CLOG Data">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-PANELS%20MGL-PAX:SECTION" title="CLOG Panels">&#8594;</a> <a href="#CLOG:@CLOG-DBI%20MGL-PAX:SECTION" title="CLOG DBI">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-DBI%20MGL-PAX:SECTION">11 CLOG DBI</a></h2>

<p>CLOG-Database - CLOG Database Connection</p>

<p><a id="x-28CLOG-3ACLOG-DATABASE-20CLASS-29"></a>
<a id="CLOG:CLOG-DATABASE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DATABASE%20CLASS" >CLOG-DATABASE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>Connection to database.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DATABASE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DATABASE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DATABASE%20GENERIC-FUNCTION" >CREATE-DATABASE</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Database element, for use in
CLOG-Builder. If not using builder use to connect:
    (dbi:connect (database-connection clog-obj) ...) or if a
connection exists assign it to the database-connecton.</p></li>
</ul>

<p><a id="x-28CLOG-3ADATABASE-CONNECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DATABASE-CONNECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DATABASE-CONNECTION%20GENERIC-FUNCTION" >DATABASE-CONNECTION</a></span></span> <span class="locative-args">CLOG-DATABASE</span></span></p>

<p>Accessor to the database handle</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-ONE-ROW-20CLASS-29"></a>
<a id="CLOG:CLOG-ONE-ROW%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-ONE-ROW%20CLASS" >CLOG-ONE-ROW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>Manipulate one row of a table at a time on panel.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-FETCH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FETCH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FETCH%20GENERIC-FUNCTION" >SET-ON-FETCH</a></span></span> <span class="locative-args">CLOG-ONE-ROW ON-FETCH-HANDLER</span></span></p>

<p>Set the <code>ON-FETCH-HANDLER</code> for <code>CLOG-ONE-ROW</code>. If <code>ON-FETCH-HANDLER</code>
is nil unbind the event. The on-fetch event is called after the row was fetched
and stored in (last-fetch clog-one-row) or nil if no row was returned, and before
data-load-plist is called that will use the value of (last-fetch clog-one-row).
Calculated fields, transformations to field values, etc. can be done in on-fetch as
new-row will block until on-fetch returns.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-MASTER-ONE-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-MASTER-ONE-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-MASTER-ONE-ROW%20GENERIC-FUNCTION" >SET-MASTER-ONE-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW MASTER-ONE-ROW SLOT-NAME</span></span></p>

<p>Set <code>CLOG-ONE-ROW</code> to get-row setting a while-clause
to follow slot-name of panel when <code>MASTER-ONE-ROW</code> calls next-row.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-ONE-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-ONE-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-ONE-ROW%20GENERIC-FUNCTION" >CREATE-ONE-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CLOG-DATABASE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-One-Row element. If <code>CLOG-OBJ</code> is
of type-of <code>CLOG-DATABASE</code> it is used as database source unless
<code>:CLOG-DATABASE</code> is set.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-DATABASE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOG-DATABASE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOG-DATABASE%20GENERIC-FUNCTION" >CLOG-DATABASE</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Access to the <code>CLOG-DATABASE</code></p></li>
</ul>

<p><a id="x-28CLOG-3ATABLE-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TABLE-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TABLE-NAME%20GENERIC-FUNCTION" >TABLE-NAME</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AWHERE-CLAUSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:WHERE-CLAUSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:WHERE-CLAUSE%20GENERIC-FUNCTION" >WHERE-CLAUSE</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AORDER-BY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ORDER-BY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ORDER-BY%20GENERIC-FUNCTION" >ORDER-BY</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ALIMIT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LIMIT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LIMIT%20GENERIC-FUNCTION" >LIMIT</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AROW-ID-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROW-ID-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROW-ID-NAME%20GENERIC-FUNCTION" >ROW-ID-NAME</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AROWID-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROWID%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROWID%20GENERIC-FUNCTION" >ROWID</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ATABLE-COLUMNS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TABLE-COLUMNS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TABLE-COLUMNS%20GENERIC-FUNCTION" >TABLE-COLUMNS</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ALAST-FETCH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LAST-FETCH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LAST-FETCH%20GENERIC-FUNCTION" >LAST-FETCH</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ALAST-SQL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LAST-SQL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LAST-SQL%20GENERIC-FUNCTION" >LAST-SQL</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AQUERY-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:QUERY-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:QUERY-ROW%20GENERIC-FUNCTION" >QUERY-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL SQL</span></span></p>

<p>Ignore query related prperties and instead execute
<code>SQL</code>. row-id-name is required for updates. All <code>PANEL</code> items or custom
slots on panel will be set using <a href="#CLOG:DATA-LOAD-PLIST%20FUNCTION" title="CLOG:DATA-LOAD-PLIST FUNCTION"><code>DATA-LOAD-PLIST</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-3AGET-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GET-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GET-ROW%20GENERIC-FUNCTION" >GET-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Get first row from a database table based on
<code>CLOG-ONE-ROW</code>'s table-name using where-clause and table-columns.
row-id-name is required. All <code>PANEL</code> items or custom slots on panel will
be set using <a href="#CLOG:DATA-LOAD-PLIST%20FUNCTION" title="CLOG:DATA-LOAD-PLIST FUNCTION"><code>DATA-LOAD-PLIST</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-3ANEXT-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NEXT-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NEXT-ROW%20GENERIC-FUNCTION" >NEXT-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Get next row from a database table based on query
made for get-row. All <code>PANEL</code> items or custom slots on panel will be set
using <a href="#CLOG:DATA-LOAD-PLIST%20FUNCTION" title="CLOG:DATA-LOAD-PLIST FUNCTION"><code>DATA-LOAD-PLIST</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-3AINSERT-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INSERT-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INSERT-ROW%20GENERIC-FUNCTION" >INSERT-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Insert new row in to database table based on
<code>CLOG-ONE-ROW</code>'s table-name and table-columns. <a href="#CLOG:DATA-WRITE-PLIST%20FUNCTION" title="CLOG:DATA-WRITE-PLIST FUNCTION"><code>DATA-WRITE-PLIST</code></a> is
used to extract data from <code>PANEL</code> items and custom slots.</p></li>
</ul>

<p><a id="x-28CLOG-3AUPDATE-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:UPDATE-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:UPDATE-ROW%20GENERIC-FUNCTION" >UPDATE-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Update row in database table based on
<code>CLOG-ONE-ROW</code>'s table-name using current rowid and table-columns.
row-id-name is required. All <code>PANEL</code> items or custom rows
on panel will be retrieved from <code>PANEL</code> using <a href="#CLOG:DATA-WRITE-PLIST%20FUNCTION" title="CLOG:DATA-WRITE-PLIST FUNCTION"><code>DATA-WRITE-PLIST</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLEAR-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLEAR-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLEAR-ROW%20GENERIC-FUNCTION" >CLEAR-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Clear current rowid and all fields in <code>PANEL</code>
using <a href="#CLOG:DATA-WRITE-PLIST%20FUNCTION" title="CLOG:DATA-WRITE-PLIST FUNCTION"><code>DATA-WRITE-PLIST</code></a> based on table-columns.</p></li>
</ul>

<p><a id="x-28CLOG-3ADELETE-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DELETE-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DELETE-ROW%20GENERIC-FUNCTION" >DELETE-ROW</a></span></span> <span class="locative-args">CLOG-ONE-ROW PANEL</span></span></p>

<p>Delete a row from a database table based on
current rowid and then call <a href="#CLOG:CLEAR-ROW%20GENERIC-FUNCTION" title="CLOG:CLEAR-ROW GENERIC-FUNCTION"><code>CLEAR-ROW</code></a></p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-LOOKUP-20CLASS-29"></a>
<a id="CLOG:CLOG-LOOKUP%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-LOOKUP%20CLASS" >CLOG-LOOKUP</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ONE-ROW%20CLASS" title="CLOG:CLOG-ONE-ROW CLASS">CLOG-ONE-ROW</a> <a href="#CLOG:CLOG-SELECT%20CLASS" title="CLOG:CLOG-SELECT CLASS">CLOG-SELECT</a></span></span></p>

<p>CLOG Table Lookup Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-LOOKUP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-LOOKUP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-LOOKUP%20GENERIC-FUNCTION" >CREATE-LOOKUP</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY NAME MULTIPLE LABEL CLASS HTML-ID CLOG-DATABASE</span></span></p>

<p>Create a new clog-lookup as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AVALUE-FIELD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALUE-FIELD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALUE-FIELD%20GENERIC-FUNCTION" >VALUE-FIELD</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AOPTION-FIELD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OPTION-FIELD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OPTION-FIELD%20GENERIC-FUNCTION" >OPTION-FIELD</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-DB-TABLE-20CLASS-29"></a>
<a id="CLOG:CLOG-DB-TABLE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DB-TABLE%20CLASS" >CLOG-DB-TABLE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ONE-ROW%20CLASS" title="CLOG:CLOG-ONE-ROW CLASS">CLOG-ONE-ROW</a> <a href="#CLOG:CLOG-TABLE%20CLASS" title="CLOG:CLOG-TABLE CLASS">CLOG-TABLE</a></span></span></p>

<p>CLOG Database Table View Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DB-TABLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DB-TABLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DB-TABLE%20GENERIC-FUNCTION" >CREATE-DB-TABLE</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CLOG-DATABASE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-db-table as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-HEADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-HEADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-HEADER%20GENERIC-FUNCTION" >SET-ON-HEADER</a></span></span> <span class="locative-args">CLOG-DB-TABLE ON-HEADER-HANDLER</span></span></p>

<p>Set the <code>ON-HEADER-HANDLER</code> for <code>CLOG-DB-TABLE</code>. If <code>ON-HEADER-HANDLER</code>
is nil unbind the event. The on-header event is called before the first row is output
after the table is cleared to all adding a header information to the table.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-FOOTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FOOTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FOOTER%20GENERIC-FUNCTION" >SET-ON-FOOTER</a></span></span> <span class="locative-args">CLOG-DB-TABLE ON-FOOTER-HANDLER</span></span></p>

<p>Set the <code>ON-FOOTER-HANDLER</code> for <code>CLOG-DB-TABLE</code>. If <code>ON-FOOTER-HANDLER</code>
is nil unbind the event. The on-footer event is called after all rows are output
after the table is cleared for adding footer information to the table.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ROW%20GENERIC-FUNCTION" >SET-ON-ROW</a></span></span> <span class="locative-args">CLOG-DB-TABLE ON-ROW-HANDLER</span></span></p>

<p>Set the <code>ON-ROW-HANDLER</code> for <code>CLOG-DB-TABLE</code>. If <code>ON-ROW-HANDLER</code>
is nil unbind the event. The on-row event is called for each row. The row handler
is passed also the clog-table-row object before the columns are added in second parameter to
handler.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-COLUMN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-COLUMN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-COLUMN%20GENERIC-FUNCTION" >SET-ON-COLUMN</a></span></span> <span class="locative-args">CLOG-DB-TABLE ON-COLUMN-HANDLER</span></span></p>

<p>Set the <code>ON-COLUMN-HANDLER</code> for <code>CLOG-DB-TABLE</code>. If <code>ON-COLUMN-HANDLER</code>
is nil unbind the event. The on-column event is called for each column as added to
the current row being processsed. It is passed also the keyworld symbol name of
the column and the clog-table-column object.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-PANELS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-PANELS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-DBI%20MGL-PAX:SECTION" title="CLOG DBI">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-TREE%20MGL-PAX:SECTION" title="CLOG Tree">&#8594;</a> <a href="#CLOG:@CLOG-PANELS%20MGL-PAX:SECTION" title="CLOG Panels">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-PANELS%20MGL-PAX:SECTION">12 CLOG Panels</a></h2>

<p><a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>anel - CLOG Panels</p>

<p><a id="x-28CLOG-3ACLOG-PANEL-20CLASS-29"></a>
<a id="CLOG:CLOG-PANEL%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PANEL%20CLASS" >CLOG-PANEL</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Panel objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PANEL%20GENERIC-FUNCTION" >CREATE-PANEL</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY LEFT TOP RIGHT BOTTOM WIDTH HEIGHT UNITS MARGIN-LEFT MARGIN-TOP MARGIN-RIGHT MARGIN-BOTTOM BORDER-STYLE BORDER-WIDTH BORDER-COLOR BACKGROUND-COLOR POSITIONING OVERFLOW RESIZABLE CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE DISPLAY</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>anel as child of
<code>CLOG-OBJ</code>. Optionally you can set the <code>:X</code>, <code>:Y</code>, <code>:WIDTH</code> and <code>:HEIGHT</code> (in
<code>:UNITS</code> defulting to :px, if set to nil unit type must be provided for
x,y,width and height), <code>BORDER-STYLE</code> (see <a href="#CLOG:BORDER-STYLE-TYPE%20TYPE" title="CLOG:BORDER-STYLE-TYPE TYPE"><code>BORDER-STYLE-TYPE</code></a>),
<code>BORDER-WIDTH</code>, <code>BORDER-COLOR</code>, <code>:POSITIONING</code> (default is <code>:FIXED</code> the
default builder panels are <code>:STATIC</code>) (see <a href="#CLOG:POSITIONING-TYPE%20TYPE" title="CLOG:POSITIONING-TYPE TYPE"><code>POSITIONING-TYPE</code></a>),
<code>:OVERFLOW</code> (default is <code>:CLIP</code>) with <code>:CONTENT</code> (default &quot;&quot;) and
<code>:RESIZABLE</code> defaults to <code>:NONE</code>. Additional css styles can be set in
<code>:STYLE</code> (default &quot;&quot;) if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>. If hidden is true visiblep is set to
nil. Resizable only works if overflow is set to <code>:SCROLL</code></p></li>
</ul>

<p>CLOG-Panel-Box - CLOG Panel Box</p>

<p><a id="x-28CLOG-3ACLOG-PANEL-BOX-20CLASS-29"></a>
<a id="CLOG:CLOG-PANEL-BOX%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PANEL-BOX%20CLASS" >CLOG-PANEL-BOX</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Panel-Box Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PANEL-BOX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PANEL-BOX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PANEL-BOX%20GENERIC-FUNCTION" >CREATE-PANEL-BOX</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY WIDTH HEIGHT HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Panel-Box, a div containg a
<a href="#CLOG:CLOG-PANEL-BOX-LAYOUT%20CLASS" title="CLOG:CLOG-PANEL-BOX-LAYOUT CLASS"><code>CLOG-PANEL-BOX-LAYOUT</code></a> as child of <code>CLOG-OBJ</code> with and if <code>:AUTO-PLACE</code>
(default t) place-inside-bottom-of <code>CLOG-OBJ</code>. If hidden is true visiblep
is set to nil.</p></li>
</ul>

<p><a id="x-28CLOG-3APANEL-BOX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PANEL-BOX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PANEL-BOX%20GENERIC-FUNCTION" >PANEL-BOX</a></span></span> <span class="locative-args">CLOG-PANEL-BOX</span></span></p>

<p>Returns the <a href="#CLOG:CLOG-PANEL-BOX-LAYOUT%20CLASS" title="CLOG:CLOG-PANEL-BOX-LAYOUT CLASS"><code>CLOG-PANEL-BOX-LAYOUT</code></a> object contained in the <code>CLOG-PANEL-BOX</code>.</p></li>
</ul>

<p>CLOG-Panel-Box-Layout</p>

<p><a id="x-28CLOG-3ACLOG-PANEL-BOX-LAYOUT-20CLASS-29"></a>
<a id="CLOG:CLOG-PANEL-BOX-LAYOUT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PANEL-BOX-LAYOUT%20CLASS" >CLOG-PANEL-BOX-LAYOUT</a></span></span></span></p>

<p>CLOG Panel Box Layout Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3AENVELOPE-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ENVELOPE-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ENVELOPE-PANEL%20GENERIC-FUNCTION" >ENVELOPE-PANEL</a></span></span> <span class="locative-args">CLOG-ELEMENT PANEL WIDTH HEIGHT &amp;KEY CLASS STYLE UNITS</span></span></p>

<p>Create a envelope of <code>WIDTH</code> and <code>HEIGHT</code> with :relative
positioning to envelope <code>PANEL</code>. The envelope is a child of <code>CLOG-ELEMENT</code>.
This allows any type of clog-panel (including those created by CLOG Builder,
to be positioned within a <a href="#CLOG:DISPLAY%20GENERIC-FUNCTION" title="CLOG:DISPLAY GENERIC-FUNCTION"><code>DISPLAY</code></a> :flex or :grid layout or otherwise treat the
panel as an inline object. Returns the new envelope of <code>PANEL</code></p></li>
</ul>

<p><a id="x-28CLOG-3AENVELOPE-PANEL-2A-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ENVELOPE-PANEL*%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ENVELOPE-PANEL*%20GENERIC-FUNCTION" >ENVELOPE-PANEL*</a></span></span> <span class="locative-args">PANEL WIDTH HEIGHT &amp;KEY CLASS STYLE UNITS</span></span></p>

<p>Like envelope panel, but usses the panels parent as the
parent of the envelope. Returns the new envelope of <code>PANEL</code></p></li>
</ul>

<p><a id="x-28CLOG-3ACENTER-CHILDREN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CENTER-CHILDREN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CENTER-CHILDREN%20GENERIC-FUNCTION" >CENTER-CHILDREN</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY VERTICAL HORIZONTAL</span></span></p>

<p>Align children of <code>CLOG-ELEMENT</code> <code>VERTICAL</code> (default t)
and/or <code>HORIZONTAL</code> (default t). This will set the <a href="#CLOG:DISPLAY%20GENERIC-FUNCTION" title="CLOG:DISPLAY GENERIC-FUNCTION"><code>DISPLAY</code></a> property of
<code>CLOG-ELEMENT</code> to <code>:FLEX</code>.</p>

<p>Note: if children of <code>CLOG-ELEMENT</code> are using :absolute positioning they will
not flow with flex and will not be centered. Instead use :relative positioning.</p>

<p>Note: to use with CLOG Buider Panels - use <a href="#CLOG:ENVELOPE-PANEL%20GENERIC-FUNCTION" title="CLOG:ENVELOPE-PANEL GENERIC-FUNCTION"><code>ENVELOPE-PANEL</code></a> or in the builder
create a div at top:0 left:0 and size the div to be the boundaries of your panel
to be centered, then set the positioning on the panel to :relative.
Add all controls as child of that div.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PANEL-BOX-LAYOUT-20FUNCTION-29"></a>
<a id="CLOG:CREATE-PANEL-BOX-LAYOUT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PANEL-BOX-LAYOUT%20FUNCTION" >CREATE-PANEL-BOX-LAYOUT</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY (TOP-HEIGHT 50) (LEFT-WIDTH 50) (BOTTOM-HEIGHT 50) (RIGHT-WIDTH 50) (UNITS &quot;px&quot;) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create a five panel app layout that fills entire contents of <code>CLOG-OBJ</code>.
<code>HTML-ID</code> if set is the base and top,left,right,center, bottom are added e.g.
if <code>:HTML-ID</code> &quot;myid&quot; then the <code>HTML-ID</code> for center will be: myid-center</p></li>
</ul>

<p><a id="x-28CLOG-3ACENTER-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CENTER-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CENTER-PANEL%20GENERIC-FUNCTION" >CENTER-PANEL</a></span></span> <span class="locative-args">CLOG-PANEL-BOX-LAYOUT</span></span></p>

<p>Returns the center panel of a clog-panel-box-layout object.</p></li>
</ul>

<p><a id="x-28CLOG-3ATOP-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOP-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOP-PANEL%20GENERIC-FUNCTION" >TOP-PANEL</a></span></span> <span class="locative-args">CLOG-PANEL-BOX-LAYOUT</span></span></p>

<p>Returns the top panel of a clog-panel-box-layout object.</p></li>
</ul>

<p><a id="x-28CLOG-3ALEFT-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LEFT-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LEFT-PANEL%20GENERIC-FUNCTION" >LEFT-PANEL</a></span></span> <span class="locative-args">CLOG-PANEL-BOX-LAYOUT</span></span></p>

<p>Returns the left panel of a clog-panel-box-layout object.</p></li>
</ul>

<p><a id="x-28CLOG-3ARIGHT-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RIGHT-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RIGHT-PANEL%20GENERIC-FUNCTION" >RIGHT-PANEL</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ABOTTOM-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BOTTOM-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BOTTOM-PANEL%20GENERIC-FUNCTION" >BOTTOM-PANEL</a></span></span> <span class="locative-args">CLOG-PANEL-BOX-LAYOUT</span></span></p>

<p>Returns the bottom panel of a clog-panel-box-layout object.</p></li>
</ul>

<p><a id="x-28CLOG-3AFIT-LAYOUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FIT-LAYOUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FIT-LAYOUT%20GENERIC-FUNCTION" >FIT-LAYOUT</a></span></span> <span class="locative-args">CLOG-PANEL-BOX-LAYOUT</span></span></p>

<p>Recalculate layout based on size of outer panel content</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-TREE-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-TREE%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-PANELS%20MGL-PAX:SECTION" title="CLOG Panels">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION" title="CLOG Style Blocks">&#8594;</a> <a href="#CLOG:@CLOG-TREE%20MGL-PAX:SECTION" title="CLOG Tree">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-TREE%20MGL-PAX:SECTION">13 CLOG Tree</a></h2>

<p>CLOG-Tree - CLOG Trees</p>

<p><a id="x-28CLOG-3ACLOG-TREE-20CLASS-29"></a>
<a id="CLOG:CLOG-TREE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TREE%20CLASS" >CLOG-TREE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>CLOG-Tree object - a collapsible tree component</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CLOG-TREE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CLOG-TREE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CLOG-TREE%20GENERIC-FUNCTION" >CREATE-CLOG-TREE</a></span></span> <span class="locative-args">OBJ &amp;KEY CONTENT INDENT-LEVEL NODE-HTML ON-CONTEXT-MENU FILL-FUNCTION VISIBLE STYLE CLASS HTML-ID AUTO-PLACE</span></span></li>
</ul>

<p><a id="x-28CLOG-3ATREE-ROOT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TREE-ROOT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TREE-ROOT%20GENERIC-FUNCTION" >TREE-ROOT</a></span></span> <span class="locative-args">CLOG-TREE</span></span></p>

<p>Accessor for clog-tree root, create clog-tree-items
on the tree-root or other clog-tree's.</p></li>
</ul>

<p><a id="x-28CLOG-3ATOGGLE-TREE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOGGLE-TREE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOGGLE-TREE%20GENERIC-FUNCTION" >TOGGLE-TREE</a></span></span> <span class="locative-args">CLOG-TREE</span></span></p>

<p>Toggle state of tree node</p></li>
</ul>

<p><a id="x-28CLOG-3ATOGGLE-STATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOGGLE-STATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOGGLE-STATE%20GENERIC-FUNCTION" >TOGGLE-STATE</a></span></span> <span class="locative-args">CLOG-TREE</span></span></p>

<p>True if node is open.</p></li>
</ul>

<p><a id="x-28CLOG-3AINDENT-LEVEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INDENT-LEVEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INDENT-LEVEL%20GENERIC-FUNCTION" >INDENT-LEVEL</a></span></span> <span class="locative-args">CLOG-TREE</span></span></p>

<p>Accessor for clog-tree root, create clog-tree-items
on the tree-root or other clog-tree's.</p></li>
</ul>

<p><a id="x-28CLOG-3ACONTENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CONTENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CONTENT%20GENERIC-FUNCTION" >CONTENT</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-TREE-ITEM-20CLASS-29"></a>
<a id="CLOG:CLOG-TREE-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TREE-ITEM%20CLASS" >CLOG-TREE-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>CLOG-tree-item object - a tree list item</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CLOG-TREE-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CLOG-TREE-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CLOG-TREE-ITEM%20GENERIC-FUNCTION" >CREATE-CLOG-TREE-ITEM</a></span></span> <span class="locative-args">OBJ &amp;KEY CONTENT INDENT-LEVEL NODE-HTML ON-CLICK ON-CONTEXT-MENU STYLE CLASS HTML-ID AUTO-PLACE</span></span></li>
</ul>

<p><a id="x-28CLOG-3ATREE-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TREE-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TREE-ITEM%20GENERIC-FUNCTION" >TREE-ITEM</a></span></span> <span class="locative-args">CLOG-TREE-ITEM</span></span></p>

<p>Accessor for clog-tree-item item.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-STYLE-BLOCK-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-TREE%20MGL-PAX:SECTION" title="CLOG Tree">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-FORM%20MGL-PAX:SECTION" title="CLOG Form Objects">&#8594;</a> <a href="#CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION" title="CLOG Style Blocks">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION">14 CLOG Style Blocks</a></h2>

<p>CLOG-Style-Block - CLOG Style Blocks</p>

<p><a id="x-28CLOG-3ACLOG-STYLE-BLOCK-20CLASS-29"></a>
<a id="CLOG:CLOG-STYLE-BLOCK%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-STYLE-BLOCK%20CLASS" >CLOG-STYLE-BLOCK</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG style-blocks for applying css styles.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-STYLE-BLOCK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-STYLE-BLOCK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-STYLE-BLOCK%20GENERIC-FUNCTION" >CREATE-STYLE-BLOCK</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT MEDIA HTML-ID AUTO-PLACE</span></span></p>

<p>Ideally style blocks should be created in the (head body)
clog-element but can be placed anywhere on a document and are applied as found
in the document. Although they are not 'scoped'. Media is a css media query
defaulting to all. To load CSS style sheets from files see <a href="#CLOG:LOAD-CSS%20GENERIC-FUNCTION" title="CLOG:LOAD-CSS GENERIC-FUNCTION"><code>LOAD-CSS</code></a> in
clog-document. The add-style method can be used or can directly use the
<a href="#CLOG:TEXT%20GENERIC-FUNCTION" title="CLOG:TEXT GENERIC-FUNCTION"><code>TEXT</code></a> method to access blocks content.</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-STYLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-STYLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-STYLE%20GENERIC-FUNCTION" >ADD-STYLE</a></span></span> <span class="locative-args">CLOG-STYLE-BLOCK SELECTOR-TYPE SELECTOR STYLE-ALIST</span></span></p>

<p>Add to style-block an alist of css styles to affect
selector. For example:
     (add-style :element &quot;a&quot; '((&quot;text-decoration&quot; :none)))</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-FORM-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-FORM%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-STYLE-BLOCK%20MGL-PAX:SECTION" title="CLOG Style Blocks">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION" title="CLOG Canvas Objects">&#8594;</a> <a href="#CLOG:@CLOG-FORM%20MGL-PAX:SECTION" title="CLOG Form Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-FORM%20MGL-PAX:SECTION">15 CLOG Form Objects</a></h2>

<p>CLOG-Form-Data</p>

<p><a id="x-28CLOG-3AFORM-GET-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FORM-GET-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FORM-GET-DATA%20GENERIC-FUNCTION" >FORM-GET-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get the form data as an a-list sent by the get method</p></li>
</ul>

<p><a id="x-28CLOG-3AFORM-POST-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FORM-POST-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FORM-POST-DATA%20GENERIC-FUNCTION" >FORM-POST-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get the form data as an a-list sent by post method</p></li>
</ul>

<p><a id="x-28CLOG-3AFORM-MULTIPART-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FORM-MULTIPART-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FORM-MULTIPART-DATA%20GENERIC-FUNCTION" >FORM-MULTIPART-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get the form data as an a-list sent with the multipart
method used in file uploads. <a href="#CLOG:DELETE-MULTIPART-DATA%20GENERIC-FUNCTION" title="CLOG:DELETE-MULTIPART-DATA GENERIC-FUNCTION"><code>DELETE-MULTIPART-DATA</code></a> must be called or will
never be GC'd. File upload items will be a four part list
(name stream file-name content-type).</p></li>
</ul>

<p><a id="x-28CLOG-3ADELETE-MULTIPART-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DELETE-MULTIPART-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DELETE-MULTIPART-DATA%20GENERIC-FUNCTION" >DELETE-MULTIPART-DATA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Delete the multipart data upload</p></li>
</ul>

<p><a id="x-28CLOG-3AFORM-DATA-ITEM-20FUNCTION-29"></a>
<a id="CLOG:FORM-DATA-ITEM%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:FORM-DATA-ITEM%20FUNCTION" >FORM-DATA-ITEM</a></span></span> <span class="locative-args">FORM-DATA ITEM</span></span></p>

<p>Return value for <code>ITEM</code> from FROM-DATA a-list</p></li>
</ul>

<p>CLOG-Form - Class for organizing Form Elements in to a From</p>

<p><a id="x-28CLOG-3AFORM-METHOD-TYPE-20TYPE-29"></a>
<a id="CLOG:FORM-METHOD-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FORM-METHOD-TYPE%20TYPE" >FORM-METHOD-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-FORM-20CLASS-29"></a>
<a id="CLOG:CLOG-FORM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-FORM%20CLASS" >CLOG-FORM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Form Objecs is the base class for all html forms.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-FORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-FORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-FORM%20GENERIC-FUNCTION" >CREATE-FORM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY ACTION METHOD TARGET ENCODING STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Form as child of <code>CLOG-OBJ</code> that organizes
a collection of form elements in to a single form if <code>:AUTO-PLACE</code> (default t)
place-inside-bottom-of <code>CLOG-OBJ</code>. In CLOG a form's on-submit handler should be
set and the form element values handled in that handler as opposed to the
<code>HTML</code> model of submitting to a new &quot;page&quot;. If though one wishes to submit to
another page can use the <code>:ACTION</code> <code>:METHOD</code> and <code>:TARGET</code> keys and either do not
set an on-submit handler or call (submit <a href="#CLOG:CLOG-FORM%20CLASS" title="CLOG:CLOG-FORM CLASS"><code>CLOG-FORM</code></a>) to perform the form
action. The default <code>:ENCODING</code> is application/x-www-form-urlencoded if
doing file upload use multipart/form-data</p></li>
</ul>

<p><a id="x-28CLOG-3AFORM-ELEMENT-COUNT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FORM-ELEMENT-COUNT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FORM-ELEMENT-COUNT%20GENERIC-FUNCTION" >FORM-ELEMENT-COUNT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Get form element count.</p></li>
</ul>

<p><a id="x-28CLOG-3ASUBMIT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SUBMIT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SUBMIT%20GENERIC-FUNCTION" >SUBMIT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Submit form.</p></li>
</ul>

<p><a id="x-28CLOG-3ARESET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RESET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RESET%20GENERIC-FUNCTION" >RESET</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Reset form.</p></li>
</ul>

<p><a id="x-28CLOG-3AAUTOCOMPLETEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:AUTOCOMPLETEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:AUTOCOMPLETEP%20GENERIC-FUNCTION" >AUTOCOMPLETEP</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Get/Setf form autocompletep.</p></li>
</ul>

<p><a id="x-28CLOG-3AENCODING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ENCODING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ENCODING%20GENERIC-FUNCTION" >ENCODING</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Get/Setf form encoding. Comming values are:
application/x-www-form-urlencoded
multipart/form-data
text/plain</p></li>
</ul>

<p><a id="x-28CLOG-3AVALIDATE-ON-SUBMIT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALIDATE-ON-SUBMIT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALIDATE-ON-SUBMIT%20GENERIC-FUNCTION" >VALIDATE-ON-SUBMIT</a></span></span> <span class="locative-args">CLOG-FORM</span></span></p>

<p>Get/Setf form validate-on-submit.</p></li>
</ul>

<p>CLOG-Fieldset - Class for CLOG Fieldsets</p>

<p><a id="x-28CLOG-3ACLOG-FIELDSET-20CLASS-29"></a>
<a id="CLOG:CLOG-FIELDSET%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-FIELDSET%20CLASS" >CLOG-FIELDSET</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Form Element Fieldset Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-FIELDSET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-FIELDSET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-FIELDSET%20GENERIC-FUNCTION" >CREATE-FIELDSET</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY LEGEND HIDDEN STYLE CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-fieldset as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p>CLOG-Legend - Class for CLOG Legends</p>

<p><a id="x-28CLOG-3ACLOG-LEGEND-20CLASS-29"></a>
<a id="CLOG:CLOG-LEGEND%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-LEGEND%20CLASS" >CLOG-LEGEND</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Fieldset Legend Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-LEGEND-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-LEGEND%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-LEGEND%20GENERIC-FUNCTION" >CREATE-LEGEND</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-legend as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p>CLOG-Form-Element - Class for form elements</p>

<p><a id="x-28CLOG-3ACLOG-FORM-ELEMENT-20CLASS-29"></a>
<a id="CLOG:CLOG-FORM-ELEMENT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-FORM-ELEMENT%20CLASS" >CLOG-FORM-ELEMENT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Form Element Object is the base class for all form
elements.</p></li>
</ul>

<p><a id="x-28CLOG-3AFORM-ELEMENT-TYPE-20TYPE-29"></a>
<a id="CLOG:FORM-ELEMENT-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:FORM-ELEMENT-TYPE%20TYPE" >FORM-ELEMENT-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-FORM-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-FORM-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-FORM-ELEMENT%20GENERIC-FUNCTION" >CREATE-FORM-ELEMENT</a></span></span> <span class="locative-args">CLOG-OBJ ELEMENT-TYPE &amp;REST ARGS &amp;KEY NAME LABEL CLASS STYLE HIDDEN HTML-ID AUTO-PLACE &amp;ALLOW-OTHER-KEYS</span></span></p>

<p>Create a new clog-form-element as child of <code>CLOG-OBJ</code>.
It is importamt that clog-form-elements are a child or descendant of a
clog-form in the DOM. The radio <code>ELEMENT-TYPE</code> groups by
<code>NAME</code>. Additional keys will be added to the input tag as
attribute/value pairs in the form attr= 'value'</p></li>
</ul>

<p><a id="x-28CLOG-3AAUTOCOMPLETE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:AUTOCOMPLETE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:AUTOCOMPLETE%20GENERIC-FUNCTION" >AUTOCOMPLETE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element autocomplete.</p></li>
</ul>

<p><a id="x-28CLOG-3AAUTOFOCUSP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:AUTOFOCUSP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:AUTOFOCUSP%20GENERIC-FUNCTION" >AUTOFOCUSP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element autofocusp. Only one element should
have this set true ever. Autofocus on element when form loaded.</p></li>
</ul>

<p><a id="x-28CLOG-3APLACE-HOLDER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLACE-HOLDER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLACE-HOLDER%20GENERIC-FUNCTION" >PLACE-HOLDER</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element place holder.</p></li>
</ul>

<p><a id="x-28CLOG-3ADISABLEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DISABLEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DISABLEDP%20GENERIC-FUNCTION" >DISABLEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element disabledp.</p></li>
</ul>

<p><a id="x-28CLOG-3AREAD-ONLY-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:READ-ONLY-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:READ-ONLY-P%20GENERIC-FUNCTION" >READ-ONLY-P</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element read-only-p.</p></li>
</ul>

<p><a id="x-28CLOG-3AREQUIREDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REQUIREDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REQUIREDP%20GENERIC-FUNCTION" >REQUIREDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element requiredp.</p></li>
</ul>

<p><a id="x-28CLOG-3AMULTIPLEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MULTIPLEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MULTIPLEP%20GENERIC-FUNCTION" >MULTIPLEP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element multiplep.</p></li>
</ul>

<p><a id="x-28CLOG-3ANAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NAME%20GENERIC-FUNCTION" >NAME</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element name.
Form element name, name is not the id of the element but rather how
the data returned from the element will be named in the submit to a
server. For example if Name is My_Field a <a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_get.htm" title="GET (MGL-PAX:CLHS FUNCTION)"><code>GET</code></a> request could look like
http://localhost:8080?My_Field=xxxx</p></li>
</ul>

<p><a id="x-28CLOG-3ADEFAULT-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DEFAULT-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DEFAULT-VALUE%20GENERIC-FUNCTION" >DEFAULT-VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element default-value.
If the form is reset the value will be set to default value
If Value is set at time of creation it also sets it as the Default_Value</p></li>
</ul>

<p><a id="x-28CLOG-3AVALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VALUE%20GENERIC-FUNCTION" >VALUE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element value.
Form element values are not accessible through the Text property but
instead through the value property.</p></li>
</ul>

<p><a id="x-28CLOG-3ARADIO-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RADIO-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RADIO-VALUE%20GENERIC-FUNCTION" >RADIO-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>

<p>Returns the value of the selected radio button in a
group called <code>NAME</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ACHECKBOX-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CHECKBOX-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CHECKBOX-VALUE%20GENERIC-FUNCTION" >CHECKBOX-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>

<p>Returns t or nil on the selected checkbox button.</p></li>
</ul>

<p><a id="x-28CLOG-3ASELECT-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SELECT-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SELECT-VALUE%20GENERIC-FUNCTION" >SELECT-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>

<p>Returns the value of select item called <code>NAME</code> and must
be unique name on entire document.</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXTAREA-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXTAREA-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXTAREA-VALUE%20GENERIC-FUNCTION" >TEXTAREA-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>

<p>Returns the value of textarea item called <code>NAME</code> and must
be unique name on entire document.</p></li>
</ul>

<p><a id="x-28CLOG-3ANAME-VALUE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NAME-VALUE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NAME-VALUE%20GENERIC-FUNCTION" >NAME-VALUE</a></span></span> <span class="locative-args">CLOG-OBJ NAME</span></span></p>

<p>Returns the value of input item called <code>NAME</code> and must
be unique name on entire document.</p></li>
</ul>

<p><a id="x-28CLOG-3APATTERN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PATTERN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PATTERN%20GENERIC-FUNCTION" >PATTERN</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element regular expression pattern.
(see JavaScript RegExp object for specifics)
Form validation pattern. validate-on-submit fields with input
will validate against their pattern if set on submit.
In cases where a specific input type is not supported like
(date, week, etc.) Pattern can be set to ensure the expected results.
This works since Input type will fall back to a text input.</p></li>
</ul>

<p><a id="x-28CLOG-3AMINIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MINIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MINIMUM%20GENERIC-FUNCTION" >MINIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element minimum.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM%20GENERIC-FUNCTION" >MAXIMUM</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element maximum.</p></li>
</ul>

<p><a id="x-28CLOG-3ASIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SIZE%20GENERIC-FUNCTION" >SIZE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element size.</p></li>
</ul>

<p><a id="x-28CLOG-3AELEMENT-STEP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ELEMENT-STEP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ELEMENT-STEP%20GENERIC-FUNCTION" >ELEMENT-STEP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element step.</p></li>
</ul>

<p><a id="x-28CLOG-3ASELECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SELECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SELECT%20GENERIC-FUNCTION" >SELECT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Select and highlight the contents of element.</p></li>
</ul>

<p><a id="x-28CLOG-3AFILE-ACCEPT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FILE-ACCEPT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FILE-ACCEPT%20GENERIC-FUNCTION" >FILE-ACCEPT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element file-accept. Only works with
the File form element type.
   example: (setf (file-accept obj) &quot;image/png, image/jpeg&quot;)</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-SRC-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-SRC%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-SRC%20GENERIC-FUNCTION" >URL-SRC</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf the url-src of the img.</p></li>
</ul>

<p><a id="x-28CLOG-3AALT-TEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALT-TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALT-TEXT%20GENERIC-FUNCTION" >ALT-TEXT</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf the alt-text of the img.</p></li>
</ul>

<p><a id="x-28CLOG-3ACHECKEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CHECKEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CHECKEDP%20GENERIC-FUNCTION" >CHECKEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element checkedp.</p></li>
</ul>

<p><a id="x-28CLOG-3AINPUT-MODE-TYPE-20TYPE-29"></a>
<a id="CLOG:INPUT-MODE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:INPUT-MODE-TYPE%20TYPE" >INPUT-MODE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3AINPUT-MODE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INPUT-MODE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INPUT-MODE%20GENERIC-FUNCTION" >INPUT-MODE</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf hint the input-mode of an element for
virtual keyboards.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-DATA-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-DATA-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-DATA-LIST%20GENERIC-FUNCTION" >SET-DATA-LIST</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT DATA-LIST</span></span></p>

<p>Set the option data list to use for this element.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAKE-DATA-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAKE-DATA-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAKE-DATA-LIST%20GENERIC-FUNCTION" >MAKE-DATA-LIST</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT DATA</span></span></p>

<p>Set the option data list to use for this element.</p></li>
</ul>

<p><a id="x-28CLOG-3AMINIMUM-LENGTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MINIMUM-LENGTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MINIMUM-LENGTH%20GENERIC-FUNCTION" >MINIMUM-LENGTH</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element minimum-length.</p></li>
</ul>

<p><a id="x-28CLOG-3AMAXIMUM-LENGTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MAXIMUM-LENGTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MAXIMUM-LENGTH%20GENERIC-FUNCTION" >MAXIMUM-LENGTH</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element maximum-length.</p></li>
</ul>

<p>CLOG-Label - Class for CLOG Labels</p>

<p><a id="x-28CLOG-3ACLOG-LABEL-20CLASS-29"></a>
<a id="CLOG:CLOG-LABEL%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-LABEL%20CLASS" >CLOG-LABEL</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Form Element Label Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-LABEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-LABEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-LABEL%20GENERIC-FUNCTION" >CREATE-LABEL</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT STYLE HIDDEN LABEL-FOR CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-label as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ALABEL-FOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LABEL-FOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LABEL-FOR%20GENERIC-FUNCTION" >LABEL-FOR</a></span></span> <span class="locative-args">CLOG-LABEL ELEMENT</span></span></p>

<p>Set label is for <code>ELEMENT</code>.</p></li>
</ul>

<p>CLOG-Select - Class for CLOG Selects</p>

<p><a id="x-28CLOG-3ACLOG-SELECT-20CLASS-29"></a>
<a id="CLOG:CLOG-SELECT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-SELECT%20CLASS" >CLOG-SELECT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-FORM-ELEMENT%20CLASS" title="CLOG:CLOG-FORM-ELEMENT CLASS">CLOG-FORM-ELEMENT</a></span></span></p>

<p>CLOG Form Element Select Options Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-SELECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-SELECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-SELECT%20GENERIC-FUNCTION" >CREATE-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY NAME MULTIPLE LABEL STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-select as child of <code>CLOG-OBJ</code>. Use <a href="#CLOG:SIZE%20GENERIC-FUNCTION" title="CLOG:SIZE GENERIC-FUNCTION"><code>SIZE</code></a> and
set to greater than 1 for select to act as a listbox.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-OPTION-20CLASS-29"></a>
<a id="CLOG:CLOG-OPTION%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-OPTION%20CLASS" >CLOG-OPTION</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-FORM-ELEMENT%20CLASS" title="CLOG:CLOG-FORM-ELEMENT CLASS">CLOG-FORM-ELEMENT</a></span></span></p>

<p>CLOG Form Element Option for CLOG Select Object
or CLOG Data-List objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-OPTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-OPTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-OPTION%20GENERIC-FUNCTION" >CREATE-OPTION</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT VALUE SELECTED DISABLED STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-option as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-OPTGROUP-20CLASS-29"></a>
<a id="CLOG:CLOG-OPTGROUP%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-OPTGROUP%20CLASS" >CLOG-OPTGROUP</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-FORM-ELEMENT%20CLASS" title="CLOG:CLOG-FORM-ELEMENT CLASS">CLOG-FORM-ELEMENT</a></span></span></p>

<p>CLOG Form Element Optgroup for CLOG Select Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-OPTGROUP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-OPTGROUP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-OPTGROUP%20GENERIC-FUNCTION" >CREATE-OPTGROUP</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT DISABLED STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-optgroup as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ASELECTEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SELECTEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SELECTEDP%20GENERIC-FUNCTION" >SELECTEDP</a></span></span> <span class="locative-args">CLOG-FORM-ELEMENT</span></span></p>

<p>Get/Setf form element selectedp.</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-SELECT-OPTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-SELECT-OPTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-SELECT-OPTION%20GENERIC-FUNCTION" >ADD-SELECT-OPTION</a></span></span> <span class="locative-args">CLOG-SELECT VALUE CONTENT &amp;KEY SELECTED DISABLED</span></span></p>

<p>Add option <code>VALUE</code> to select. Returns the option element</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-SELECT-OPTIONS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-SELECT-OPTIONS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-SELECT-OPTIONS%20GENERIC-FUNCTION" >ADD-SELECT-OPTIONS</a></span></span> <span class="locative-args">CLOG-SELECT CONTENT</span></span></p>

<p>Add group of options to select.</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-SELECT-OPTGROUP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-SELECT-OPTGROUP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-SELECT-OPTGROUP%20GENERIC-FUNCTION" >ADD-SELECT-OPTGROUP</a></span></span> <span class="locative-args">CLOG-SELECT CONTENT</span></span></p>

<p>Add option <a href="#CLOG:VALUE%20GENERIC-FUNCTION" title="CLOG:VALUE GENERIC-FUNCTION"><code>VALUE</code></a> to select.</p></li>
</ul>

<p><a id="x-28CLOG-3ASELECT-TEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SELECT-TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SELECT-TEXT%20GENERIC-FUNCTION" >SELECT-TEXT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get/Setf the text of selected item.</p></li>
</ul>

<p>CLOG-Data-List - Class for CLOG Option Data Lists</p>

<p><a id="x-28CLOG-3ACLOG-DATA-LIST-20CLASS-29"></a>
<a id="CLOG:CLOG-DATA-LIST%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DATA-LIST%20CLASS" >CLOG-DATA-LIST</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Form Element Data-List Options Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-DATA-LIST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-DATA-LIST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-DATA-LIST%20GENERIC-FUNCTION" >CREATE-DATA-LIST</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY DATA-LIST HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-data-list as child of <code>CLOG-OBJ</code> and
optionally fill in with contents of data-list.</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-OPTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-OPTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-OPTION%20GENERIC-FUNCTION" >ADD-OPTION</a></span></span> <span class="locative-args">CLOG-DATA-LIST VALUE</span></span></p>

<p>Add option <code>VALUE</code> to data-list.</p></li>
</ul>

<p><a id="x-28CLOG-3AADD-OPTIONS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-OPTIONS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-OPTIONS%20GENERIC-FUNCTION" >ADD-OPTIONS</a></span></span> <span class="locative-args">CLOG-DATA-LIST DATA-LIST</span></span></p>

<p>Add option <a href="#CLOG:VALUE%20GENERIC-FUNCTION" title="CLOG:VALUE GENERIC-FUNCTION"><code>VALUE</code></a> to data-list.</p></li>
</ul>

<p>CLOG-Text-Area - Class for CLOG Text Areas</p>

<p><a id="x-28CLOG-3ACLOG-TEXT-AREA-20CLASS-29"></a>
<a id="CLOG:CLOG-TEXT-AREA%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TEXT-AREA%20CLASS" >CLOG-TEXT-AREA</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-FORM-ELEMENT%20CLASS" title="CLOG:CLOG-FORM-ELEMENT CLASS">CLOG-FORM-ELEMENT</a></span></span></p>

<p>CLOG Form Element Text-Area Object</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-TEXT-AREA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-TEXT-AREA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-TEXT-AREA%20GENERIC-FUNCTION" >CREATE-TEXT-AREA</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY COLUMNS ROWS NAME VALUE LABEL STYLE HIDDEN CLASS HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new clog-text-area as child of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AWORD-WRAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:WORD-WRAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:WORD-WRAP%20GENERIC-FUNCTION" >WORD-WRAP</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>

<p>Get/Setf form element word-wrap.</p></li>
</ul>

<p><a id="x-28CLOG-3ACOLUMNS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:COLUMNS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:COLUMNS%20GENERIC-FUNCTION" >COLUMNS</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>

<p>Get/Setf form element columns.</p></li>
</ul>

<p><a id="x-28CLOG-3AROWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROWS%20GENERIC-FUNCTION" >ROWS</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>

<p>Get/Setf form element rows.</p></li>
</ul>

<p><a id="x-28CLOG-3ADISABLE-RESIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DISABLE-RESIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DISABLE-RESIZE%20GENERIC-FUNCTION" >DISABLE-RESIZE</a></span></span> <span class="locative-args">CLOG-TEXT-AREA</span></span></p>

<p>Disable resize of text area.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-CANVAS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-FORM%20MGL-PAX:SECTION" title="CLOG Form Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION" title="CLOG WebGL Objects">&#8594;</a> <a href="#CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION" title="CLOG Canvas Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION">16 CLOG Canvas Objects</a></h2>

<p>CLOG-Canvas - Class for CLOG canvas objects</p>

<p><a id="x-28CLOG-3ACLOG-CANVAS-20CLASS-29"></a>
<a id="CLOG:CLOG-CANVAS%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-CANVAS%20CLASS" >CLOG-CANVAS</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Canvas Objects.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CANVAS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CANVAS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CANVAS%20GENERIC-FUNCTION" >CREATE-CANVAS</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY WIDTH HEIGHT CLASS HIDDEN HTML-ID AUTO-PLACE</span></span></p>

<p>Create a new CLOG-Canvas as child of <code>CLOG-OBJ</code> if
<code>:AUTO-PLACE</code> (default t) place-inside-bottom-of <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-CONTEXT2D-20CLASS-29"></a>
<a id="CLOG:CLOG-CONTEXT2D%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-CONTEXT2D%20CLASS" >CLOG-CONTEXT2D</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CONTEXT2D-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CONTEXT2D%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CONTEXT2D%20GENERIC-FUNCTION" >CREATE-CONTEXT2D</a></span></span> <span class="locative-args">CLOG-CANVAS</span></span></p>

<p>Create a new CLOG-Context2d from a CLOG-Canvas</p></li>
</ul>

<p>CLOG-Canvas - Properties</p>

<p><a id="x-28CLOG-3AFILL-STYLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FILL-STYLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FILL-STYLE%20GENERIC-FUNCTION" >FILL-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get property fill style</p></li>
</ul>

<p><a id="x-28CLOG-3ACANVAS-FILTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CANVAS-FILTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CANVAS-FILTER%20GENERIC-FUNCTION" >CANVAS-FILTER</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get filter dsl -
See https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter</p></li>
</ul>

<p><a id="x-28CLOG-3AFONT-STYLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FONT-STYLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FONT-STYLE%20GENERIC-FUNCTION" >FONT-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get font using css font string
https://developer.mozilla.org/en-US/docs/Web/CSS/font</p></li>
</ul>

<p><a id="x-28CLOG-3AGLOBAL-ALPHA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GLOBAL-ALPHA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GLOBAL-ALPHA%20GENERIC-FUNCTION" >GLOBAL-ALPHA</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get global alpha</p></li>
</ul>

<p><a id="x-28CLOG-3AGLOBAL-COMPOSITE-OPERATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GLOBAL-COMPOSITE-OPERATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GLOBAL-COMPOSITE-OPERATION%20GENERIC-FUNCTION" >GLOBAL-COMPOSITE-OPERATION</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get composite blend mode -
https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation</p></li>
</ul>

<p><a id="x-28CLOG-3AIMAGE-SMOOTHING-ENABLED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IMAGE-SMOOTHING-ENABLED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IMAGE-SMOOTHING-ENABLED%20GENERIC-FUNCTION" >IMAGE-SMOOTHING-ENABLED</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow blur</p></li>
</ul>

<p><a id="x-28CLOG-3AIMAGE-SMOOTHING-QUALITY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IMAGE-SMOOTHING-QUALITY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IMAGE-SMOOTHING-QUALITY%20GENERIC-FUNCTION" >IMAGE-SMOOTHING-QUALITY</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow blur</p></li>
</ul>

<p><a id="x-28CLOG-3ALINE-CAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINE-CAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINE-CAP%20GENERIC-FUNCTION" >LINE-CAP</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get line cap style</p></li>
</ul>

<p><a id="x-28CLOG-3ALINE-DASH-OFFSET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINE-DASH-OFFSET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINE-DASH-OFFSET%20GENERIC-FUNCTION" >LINE-DASH-OFFSET</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get miter style limit</p></li>
</ul>

<p><a id="x-28CLOG-3ALINE-JOIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINE-JOIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINE-JOIN%20GENERIC-FUNCTION" >LINE-JOIN</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get line join style</p></li>
</ul>

<p><a id="x-28CLOG-3ALINE-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINE-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINE-WIDTH%20GENERIC-FUNCTION" >LINE-WIDTH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Set line style width</p></li>
</ul>

<p><a id="x-28CLOG-3AMITER-LIMIT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MITER-LIMIT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MITER-LIMIT%20GENERIC-FUNCTION" >MITER-LIMIT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get miter style limit</p></li>
</ul>

<p><a id="x-28CLOG-3ASHADOW-BLUR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SHADOW-BLUR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SHADOW-BLUR%20GENERIC-FUNCTION" >SHADOW-BLUR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow blur</p></li>
</ul>

<p><a id="x-28CLOG-3ASHADOW-COLOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SHADOW-COLOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SHADOW-COLOR%20GENERIC-FUNCTION" >SHADOW-COLOR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow color</p></li>
</ul>

<p><a id="x-28CLOG-3ASHADOW-OFFSET-X-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SHADOW-OFFSET-X%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SHADOW-OFFSET-X%20GENERIC-FUNCTION" >SHADOW-OFFSET-X</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow offset x</p></li>
</ul>

<p><a id="x-28CLOG-3ASHADOW-OFFSET-Y-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SHADOW-OFFSET-Y%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SHADOW-OFFSET-Y%20GENERIC-FUNCTION" >SHADOW-OFFSET-Y</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text shadow offset y</p></li>
</ul>

<p><a id="x-28CLOG-3ASTROKE-STYLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STROKE-STYLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STROKE-STYLE%20GENERIC-FUNCTION" >STROKE-STYLE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text stroke style</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-ALIGN-TYPE-20TYPE-29"></a>
<a id="CLOG:TEXT-ALIGN-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:TEXT-ALIGN-TYPE%20TYPE" >TEXT-ALIGN-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-ALIGN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-ALIGN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-ALIGN%20GENERIC-FUNCTION" >TEXT-ALIGN</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text alignment style</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-BASELINE-TYPE-20TYPE-29"></a>
<a id="CLOG:TEXT-BASELINE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:TEXT-BASELINE-TYPE%20TYPE" >TEXT-BASELINE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-BASELINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-BASELINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-BASELINE%20GENERIC-FUNCTION" >TEXT-BASELINE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Set text baseline style</p></li>
</ul>

<p><a id="x-28CLOG-3ATEXT-DIR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TEXT-DIR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TEXT-DIR%20GENERIC-FUNCTION" >TEXT-DIR</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Setf/get text direction style</p></li>
</ul>

<p>CLOG-Canvas - Methods</p>

<p><a id="x-28CLOG-3AARC-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ARC%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ARC%20GENERIC-FUNCTION" >ARC</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y RADIUS START-ANGLE END-ANGLE &amp;KEY ANTICLOCKWISE</span></span></p>

<p>Adds a circular arc to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3AARC-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ARC-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ARC-TO%20GENERIC-FUNCTION" >ARC-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X1 Y1 X2 Y2</span></span></p>

<p>Adds an arc to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3ABEGIN-PATH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BEGIN-PATH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BEGIN-PATH%20GENERIC-FUNCTION" >BEGIN-PATH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Starts a new path empting any previous points.</p></li>
</ul>

<p><a id="x-28CLOG-3ABEZIER-CURVE-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BEZIER-CURVE-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BEZIER-CURVE-TO%20GENERIC-FUNCTION" >BEZIER-CURVE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CP1X CP1Y CP2X CP2Y X Y</span></span></p>

<p>Adds a cubic Bezier curve to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLEAR-RECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLEAR-RECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLEAR-RECT%20GENERIC-FUNCTION" >CLEAR-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>

<p>Clear rectangle to transparent black</p></li>
</ul>

<p><a id="x-28CLOG-3APATH-CLIP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PATH-CLIP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PATH-CLIP%20GENERIC-FUNCTION" >PATH-CLIP</a></span></span> <span class="locative-args">CLOG-CONTEXT2D &amp;KEY PATH2D FILL-RULE</span></span></p>

<p>Clip a path.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOSE-PATH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOSE-PATH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOSE-PATH%20GENERIC-FUNCTION" >CLOSE-PATH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Adds a line to start point of path.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-IMAGE-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-IMAGE-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-IMAGE-DATA%20GENERIC-FUNCTION" >CREATE-IMAGE-DATA</a></span></span> <span class="locative-args">CLOG-CONTEXT2D WIDTH HEIGHT</span></span></p>

<p>Create blank image data</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-CONIC-GRADIENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-CONIC-GRADIENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-CONIC-GRADIENT%20GENERIC-FUNCTION" >CREATE-CONIC-GRADIENT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D START-ANGLE X Y</span></span></p>

<p>Create conic gradient</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-LINEAR-GRADIENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-LINEAR-GRADIENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-LINEAR-GRADIENT%20GENERIC-FUNCTION" >CREATE-LINEAR-GRADIENT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X0 Y0 X1 Y1</span></span></p>

<p>Create linear gradient</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-RADIAL-GRADIENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-RADIAL-GRADIENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-RADIAL-GRADIENT%20GENERIC-FUNCTION" >CREATE-RADIAL-GRADIENT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X0 Y0 R0 X1 Y1 R1</span></span></p>

<p>Create radial gradient</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PATTERN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PATTERN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PATTERN%20GENERIC-FUNCTION" >CREATE-PATTERN</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CLOG-OBJ REPETITION</span></span></p>

<p>Create pattern</p></li>
</ul>

<p><a id="x-28CLOG-3ADRAW-IMAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DRAW-IMAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DRAW-IMAGE%20GENERIC-FUNCTION" >DRAW-IMAGE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CLOG-OBJ DX DY &amp;KEY DWIDTH DHEIGHT</span></span></p>

<p>Draw image at dx dy optionally dwidth and dheight</p></li>
</ul>

<p><a id="x-28CLOG-3ADRAW-IMAGE-FROM-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DRAW-IMAGE-FROM-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DRAW-IMAGE-FROM-TO%20GENERIC-FUNCTION" >DRAW-IMAGE-FROM-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CLOG-OBJ SX SY SWIDTH SHEIGHT DX DY DWIDTH DHEIGHT</span></span></p>

<p>Draw image at sx sy swidth sheight to dx dy dwidth dheight</p></li>
</ul>

<p><a id="x-28CLOG-3AELLIPSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ELLIPSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ELLIPSE%20GENERIC-FUNCTION" >ELLIPSE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y RADIUS-X RADIUS-Y ROTATION START-ANGLE END-ANGLE &amp;KEY ANTICLOCKWISE</span></span></p>

<p>Adds an elliptical arc to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3APATH-FILL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PATH-FILL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PATH-FILL%20GENERIC-FUNCTION" >PATH-FILL</a></span></span> <span class="locative-args">CLOG-CONTEXT2D &amp;KEY PATH2D FILL-RULE</span></span></p>

<p>Fill a path.</p></li>
</ul>

<p><a id="x-28CLOG-3AFILL-RECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FILL-RECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FILL-RECT%20GENERIC-FUNCTION" >FILL-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>

<p>Fill rectangle with current fill-color</p></li>
</ul>

<p><a id="x-28CLOG-3AFILL-TEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FILL-TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FILL-TEXT%20GENERIC-FUNCTION" >FILL-TEXT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D TEXT X Y &amp;KEY MAX-WIDTH</span></span></p>

<p>Fill text with current fill-color</p></li>
</ul>

<p><a id="x-28CLOG-3AGET-IMAGE-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GET-IMAGE-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GET-IMAGE-DATA%20GENERIC-FUNCTION" >GET-IMAGE-DATA</a></span></span> <span class="locative-args">CLOG-CONTEXT2D SX SY SW SH</span></span></p>

<p>Get image data from clog-context2d. Returns a <a href="#CLOG:CLOG-IMAGE-DATA%20CLASS" title="CLOG:CLOG-IMAGE-DATA CLASS"><code>CLOG-IMAGE-DATA</code></a></p></li>
</ul>

<p><a id="x-28CLOG-3AGET-LINE-DASH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GET-LINE-DASH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GET-LINE-DASH%20GENERIC-FUNCTION" >GET-LINE-DASH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Set line style dash pattern, e.g. 10, 20</p></li>
</ul>

<p><a id="x-28CLOG-3AGET-TRANSFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:GET-TRANSFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:GET-TRANSFORM%20GENERIC-FUNCTION" >GET-TRANSFORM</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Get current transform matrix as clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3AIS-POINT-IN-PATH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IS-POINT-IN-PATH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IS-POINT-IN-PATH%20GENERIC-FUNCTION" >IS-POINT-IN-PATH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y &amp;KEY PATH2D FILL-RULE</span></span></p>

<p>Returns t if point is in path or <code>PATH2D</code> if specfified</p></li>
</ul>

<p><a id="x-28CLOG-3AIS-POINT-IN-STROKE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IS-POINT-IN-STROKE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IS-POINT-IN-STROKE%20GENERIC-FUNCTION" >IS-POINT-IN-STROKE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y &amp;KEY PATH2D</span></span></p>

<p>Returns t if point is in stroke or <code>PATH2D</code> if specfified</p></li>
</ul>

<p><a id="x-28CLOG-3ALINE-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LINE-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LINE-TO%20GENERIC-FUNCTION" >LINE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y</span></span></p>

<p>Adds a line to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3AMEASURE-TEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MEASURE-TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MEASURE-TEXT%20GENERIC-FUNCTION" >MEASURE-TEXT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D TEXT</span></span></p>

<p>Measure text returns a clog-text-metrics object</p></li>
</ul>

<p><a id="x-28CLOG-3AMOVE-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MOVE-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MOVE-TO%20GENERIC-FUNCTION" >MOVE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y</span></span></p>

<p>Moves start point of path.</p></li>
</ul>

<p><a id="x-28CLOG-3APUT-IMAGE-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PUT-IMAGE-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PUT-IMAGE-DATA%20GENERIC-FUNCTION" >PUT-IMAGE-DATA</a></span></span> <span class="locative-args">CLOG-CONTEXT2D IMAGE-DATA X Y</span></span></p>

<p>Put image-data at x y</p></li>
</ul>

<p><a id="x-28CLOG-3APUT-IMAGE-DATA-DIRTY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PUT-IMAGE-DATA-DIRTY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PUT-IMAGE-DATA-DIRTY%20GENERIC-FUNCTION" >PUT-IMAGE-DATA-DIRTY</a></span></span> <span class="locative-args">CLOG-CONTEXT2D IMAGE-DATA X Y DX DY DWIDTH DHEIGHT</span></span></p>

<p>Put portion of image-data at x y</p></li>
</ul>

<p><a id="x-28CLOG-3AQUADRATIC-CURVE-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:QUADRATIC-CURVE-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:QUADRATIC-CURVE-TO%20GENERIC-FUNCTION" >QUADRATIC-CURVE-TO</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CPX CPY X Y</span></span></p>

<p>Adds a quadratic Bezier curve to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3ARECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RECT%20GENERIC-FUNCTION" >RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>

<p>Adds a rectangle to the current path.</p></li>
</ul>

<p><a id="x-28CLOG-3ARESET-TRANSFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RESET-TRANSFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RESET-TRANSFORM%20GENERIC-FUNCTION" >RESET-TRANSFORM</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Restore canvas from stack</p></li>
</ul>

<p><a id="x-28CLOG-3ACANVAS-RESTORE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CANVAS-RESTORE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CANVAS-RESTORE%20GENERIC-FUNCTION" >CANVAS-RESTORE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Restore canvas from stack</p></li>
</ul>

<p><a id="x-28CLOG-3AROTATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROTATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROTATE%20GENERIC-FUNCTION" >ROTATE</a></span></span> <span class="locative-args">CLOG-MATRIX ANGLE</span></span></p>

<p>Return rotate a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3ACANVAS-SAVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CANVAS-SAVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CANVAS-SAVE%20GENERIC-FUNCTION" >CANVAS-SAVE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D</span></span></p>

<p>Save canvas to stack</p></li>
</ul>

<p><a id="x-28CLOG-3ASCALE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCALE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCALE%20GENERIC-FUNCTION" >SCALE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y</span></span></p>

<p>Scale</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-LINE-DASH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-LINE-DASH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-LINE-DASH%20GENERIC-FUNCTION" >SET-LINE-DASH</a></span></span> <span class="locative-args">CLOG-CONTEXT2D VALUE</span></span></p>

<p>Set line style dash pattern, e.g. 10, 20</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-TRANSFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-TRANSFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-TRANSFORM%20GENERIC-FUNCTION" >SET-TRANSFORM</a></span></span> <span class="locative-args">CLOG-CONTEXT2D A B C D E F G</span></span></p>

<p>Set-Transform</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-TRANSFORM-WITH-MATRIX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-TRANSFORM-WITH-MATRIX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-TRANSFORM-WITH-MATRIX%20GENERIC-FUNCTION" >SET-TRANSFORM-WITH-MATRIX</a></span></span> <span class="locative-args">CLOG-CONTEXT2D CLOG-MATRIX</span></span></p>

<p>Set-Transform-With-Matrix</p></li>
</ul>

<p><a id="x-28CLOG-3APATH-STROKE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PATH-STROKE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PATH-STROKE%20GENERIC-FUNCTION" >PATH-STROKE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D &amp;KEY PATH2D</span></span></p>

<p>Stroke a path.</p></li>
</ul>

<p><a id="x-28CLOG-3ASTROKE-RECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STROKE-RECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STROKE-RECT%20GENERIC-FUNCTION" >STROKE-RECT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y WIDTH HEIGHT</span></span></p>

<p>Fill rectangle using current stroke-style</p></li>
</ul>

<p><a id="x-28CLOG-3ASTROKE-TEXT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STROKE-TEXT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STROKE-TEXT%20GENERIC-FUNCTION" >STROKE-TEXT</a></span></span> <span class="locative-args">CLOG-CONTEXT2D TEXT X Y &amp;KEY MAX-WIDTH</span></span></p>

<p>Stroke text with current stroke-style</p></li>
</ul>

<p><a id="x-28CLOG-3ATRANSFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TRANSFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TRANSFORM%20GENERIC-FUNCTION" >TRANSFORM</a></span></span> <span class="locative-args">CLOG-CONTEXT2D A B C D E F</span></span></p>

<p>Transform</p></li>
</ul>

<p><a id="x-28CLOG-3ATRANSLATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TRANSLATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TRANSLATE%20GENERIC-FUNCTION" >TRANSLATE</a></span></span> <span class="locative-args">CLOG-CONTEXT2D X Y</span></span></p>

<p>Translate</p></li>
</ul>

<p>CLOG-Canvas-Gradient</p>

<p><a id="x-28CLOG-3ACLOG-CANVAS-GRADIENT-20CLASS-29"></a>
<a id="CLOG:CLOG-CANVAS-GRADIENT%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-CANVAS-GRADIENT%20CLASS" >CLOG-CANVAS-GRADIENT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3AADD-COLOR-STOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ADD-COLOR-STOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ADD-COLOR-STOP%20GENERIC-FUNCTION" >ADD-COLOR-STOP</a></span></span> <span class="locative-args">CLOG-CANVAS-GRADIENT OFFSET COLOR</span></span></p>

<p>Add a color stop</p></li>
</ul>

<p>CLOG-Image-Data</p>

<p><a id="x-28CLOG-3ACLOG-IMAGE-DATA-20CLASS-29"></a>
<a id="CLOG:CLOG-IMAGE-DATA%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-IMAGE-DATA%20CLASS" >CLOG-IMAGE-DATA</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3AJSON-IMAGE-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JSON-IMAGE-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JSON-IMAGE-DATA%20GENERIC-FUNCTION" >JSON-IMAGE-DATA</a></span></span> <span class="locative-args">CLOG-IMAGE-DATA</span></span></p>

<p>Setf/get json image data</p></li>
</ul>

<p>CLOG-Matrix</p>

<p><a id="x-28CLOG-3ACLOG-MATRIX-20CLASS-29"></a>
<a id="CLOG:CLOG-MATRIX%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-MATRIX%20CLASS" >CLOG-MATRIX</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-MATRIX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-MATRIX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-MATRIX%20GENERIC-FUNCTION" >CREATE-MATRIX</a></span></span> <span class="locative-args">CLOG-CANVAS &amp;KEY MATRIX</span></span></p>

<p>Create a new CLOG-Matrix. <code>MATRIX</code> can be
json array 6 element for 2d or 16 for 3d.</p></li>
</ul>

<p><a id="x-28CLOG-3AFLIP-X-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLIP-X%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLIP-X%20GENERIC-FUNCTION" >FLIP-X</a></span></span> <span class="locative-args">CLOG-MATRIX</span></span></p>

<p>Return flip-x a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3AFLIP-Y-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FLIP-Y%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FLIP-Y%20GENERIC-FUNCTION" >FLIP-Y</a></span></span> <span class="locative-args">CLOG-MATRIX</span></span></p>

<p>Return flip-y a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3AINVERSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INVERSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INVERSE%20GENERIC-FUNCTION" >INVERSE</a></span></span> <span class="locative-args">CLOG-MATRIX</span></span></p>

<p>Return inverse a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3AMULTIPLY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MULTIPLY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MULTIPLY%20GENERIC-FUNCTION" >MULTIPLY</a></span></span> <span class="locative-args">CLOG-MATRIX BY-MATRIX</span></span></p>

<p>Return multiply a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3AROTATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ROTATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ROTATE%20GENERIC-FUNCTION" >ROTATE</a></span></span> <span class="locative-args">CLOG-MATRIX ANGLE</span></span></p>

<p>Return rotate a clog-matrix</p></li>
</ul>

<p><a id="x-28CLOG-3ASCALE-MATRIX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCALE-MATRIX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCALE-MATRIX%20GENERIC-FUNCTION" >SCALE-MATRIX</a></span></span> <span class="locative-args">CLOG-MATRIX SX &amp;OPTIONAL SY SZ OX OY OZ</span></span></p>

<p>Return scale a clog-matrix by sx and optionally to
sy sz ox oy oz</p></li>
</ul>

<p><a id="x-28CLOG-3ASCALE3D-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCALE3D%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCALE3D%20GENERIC-FUNCTION" >SCALE3D</a></span></span> <span class="locative-args">CLOG-MATRIX SX &amp;OPTIONAL SY SZ OX OY OZ</span></span></p>

<p>Return scale3d a clog-matrix by sx and optionally to
sy sz ox oy oz</p></li>
</ul>

<p><a id="x-28CLOG-3ATRANSLATE-MATRIX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TRANSLATE-MATRIX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TRANSLATE-MATRIX%20GENERIC-FUNCTION" >TRANSLATE-MATRIX</a></span></span> <span class="locative-args">CLOG-MATRIX X Y &amp;OPTIONAL Z</span></span></p>

<p>Return translate-matrix a clog-matrix by x y and optionally z</p></li>
</ul>

<p><a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>ath2d</p>

<p><a id="x-28CLOG-3ACLOG-PATH2D-20CLASS-29"></a>
<a id="CLOG:CLOG-PATH2D%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-PATH2D%20CLASS" >CLOG-PATH2D</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-PATH2D-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-PATH2D%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-PATH2D%20GENERIC-FUNCTION" >CREATE-PATH2D</a></span></span> <span class="locative-args">CLOG-CANVAS &amp;KEY PATH2D</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-P%20CLASS" title="CLOG:CLOG-P CLASS"><code>CLOG-P</code></a>ath2d. If <a href="#CLOG:CLOG-PATH2D%20CLASS" title="CLOG:CLOG-PATH2D CLASS"><code>CLOG-PATH2D</code></a> creates a copy.</p></li>
</ul>

<p>CLOG-Text-Metrics</p>

<p><a id="x-28CLOG-3ACLOG-TEXT-METRICS-20CLASS-29"></a>
<a id="CLOG:CLOG-TEXT-METRICS%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-TEXT-METRICS%20CLASS" >CLOG-TEXT-METRICS</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-3AACTUAL-BOUNDING-BOX-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ACTUAL-BOUNDING-BOX-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ACTUAL-BOUNDING-BOX-LEFT%20GENERIC-FUNCTION" >ACTUAL-BOUNDING-BOX-LEFT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Actual bounding box left</p></li>
</ul>

<p><a id="x-28CLOG-3AACTUAL-BOUNDING-BOX-RIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ACTUAL-BOUNDING-BOX-RIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ACTUAL-BOUNDING-BOX-RIGHT%20GENERIC-FUNCTION" >ACTUAL-BOUNDING-BOX-RIGHT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Actual bounding box right</p></li>
</ul>

<p><a id="x-28CLOG-3AACTUAL-BOUNDING-BOX-ASCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ACTUAL-BOUNDING-BOX-ASCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ACTUAL-BOUNDING-BOX-ASCENT%20GENERIC-FUNCTION" >ACTUAL-BOUNDING-BOX-ASCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Actual bounding box ascent</p></li>
</ul>

<p><a id="x-28CLOG-3AACTUAL-BOUNDING-BOX-DESCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ACTUAL-BOUNDING-BOX-DESCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ACTUAL-BOUNDING-BOX-DESCENT%20GENERIC-FUNCTION" >ACTUAL-BOUNDING-BOX-DESCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Actual bounding box descent</p></li>
</ul>

<p><a id="x-28CLOG-3AFONT-BOUNDING-BOX-ASCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FONT-BOUNDING-BOX-ASCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FONT-BOUNDING-BOX-ASCENT%20GENERIC-FUNCTION" >FONT-BOUNDING-BOX-ASCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Font bounding box ascent</p></li>
</ul>

<p><a id="x-28CLOG-3AFONT-BOUNDING-BOX-DESCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:FONT-BOUNDING-BOX-DESCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:FONT-BOUNDING-BOX-DESCENT%20GENERIC-FUNCTION" >FONT-BOUNDING-BOX-DESCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Font bounding box descent</p></li>
</ul>

<p><a id="x-28CLOG-3AEM-HEIGHT-ASCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:EM-HEIGHT-ASCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:EM-HEIGHT-ASCENT%20GENERIC-FUNCTION" >EM-HEIGHT-ASCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>'M' height ascent</p></li>
</ul>

<p><a id="x-28CLOG-3AEM-HEIGHT-DESCENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:EM-HEIGHT-DESCENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:EM-HEIGHT-DESCENT%20GENERIC-FUNCTION" >EM-HEIGHT-DESCENT</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>'M' height descent</p></li>
</ul>

<p><a id="x-28CLOG-3AHANGING-BASELINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HANGING-BASELINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HANGING-BASELINE%20GENERIC-FUNCTION" >HANGING-BASELINE</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Hanging baseline</p></li>
</ul>

<p><a id="x-28CLOG-3AALPHABETIC-BASELINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALPHABETIC-BASELINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALPHABETIC-BASELINE%20GENERIC-FUNCTION" >ALPHABETIC-BASELINE</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Alphabetic baseline</p></li>
</ul>

<p><a id="x-28CLOG-3AIDEOGRAPHIC-BASELINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IDEOGRAPHIC-BASELINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IDEOGRAPHIC-BASELINE%20GENERIC-FUNCTION" >IDEOGRAPHIC-BASELINE</a></span></span> <span class="locative-args">CLOG-TEXT-METRICS</span></span></p>

<p>Ideographic baseline</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-WEBGL-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-CANVAS%20MGL-PAX:SECTION" title="CLOG Canvas Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION" title="CLOG Multimedia Objects">&#8594;</a> <a href="#CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION" title="CLOG WebGL Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION">17 CLOG WebGL Objects</a></h2>

<h6>[in package CLOG-WEBGL]</h6>

<p>CLOG-WebGL - Class for CLOG WebGL objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL%20CLASS" >CLOG-WEBGL</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-WEBGL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-WEBGL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-WEBGL%20GENERIC-FUNCTION" >CREATE-WEBGL</a></span></span> <span class="locative-args">CLOG-CANVAS &amp;KEY CONTEXT</span></span></p>

<p>Create a new CLOG-WebGL from a CLOG-Canvas. Context
can be webgl (version 1) or webgl2 (default)</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADRAWING-BUFFER-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DRAWING-BUFFER-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DRAWING-BUFFER-WIDTH%20GENERIC-FUNCTION" >DRAWING-BUFFER-WIDTH</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Drawing are of buffer width. returns float</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADRAWING-BUFFER-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DRAWING-BUFFER-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DRAWING-BUFFER-HEIGHT%20GENERIC-FUNCTION" >DRAWING-BUFFER-HEIGHT</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Drawing are of buffer height. returns float</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABUFFER-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BUFFER-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BUFFER-PARAMETER%20GENERIC-FUNCTION" >BUFFER-PARAMETER</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TARGET GLENUM-PNAME</span></span></p>

<p>Returns information about the buffer.
target:
A GLenum specifying the target buffer object. Possible values:</p>

<p>:ARRAY_BUFFER
Buffer containing vertex attributes, such as vertex coordinates, texture coordinate data, or vertex color data.</p>

<p>:ELEMENT_ARRAY_BUFFER
Buffer used for element indices.</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:COPY_READ_BUFFER
Buffer for copying from one buffer object to another.</p>

<p>:COPY_WRITE_BUFFER
Buffer for copying from one buffer object to another.</p>

<p>:TRANSFORM_FEEDBACK_BUFFER
Buffer for transform feedback operations.</p>

<p>:UNIFORM_BUFFER
Buffer used for storing uniform blocks.</p>

<p>:PIXEL_PACK_BUFFER
Buffer used for pixel transfer operations.</p>

<p>:PIXEL_UNPACK_BUFFER
Buffer used for pixel transfer operations.</p>

<p>pname:
A GLenum specifying information to query. Possible values:</p>

<p>:BUFFER_SIZE
Returns a GLint indicating the size of the buffer in bytes.</p>

<p>:BUFFER_USAGE
Returns a GLenum indicating the usage pattern of the buffer. One of the followings:</p>

<p>:STATIC_DRAW
:DYNAMIC_DRAW
:STREAM_DRAW</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:STATIC_READ
:DYNAMIC_READ
:STREAM_READ
:STATIC_COPY
:DYNAMIC_COPY
:STREAM_COPY</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACONTEXT-ATTRIBUTES-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CONTEXT-ATTRIBUTES%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CONTEXT-ATTRIBUTES%20GENERIC-FUNCTION" >CONTEXT-ATTRIBUTES</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AWEBGL-ERROR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:WEBGL-ERROR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:WEBGL-ERROR%20GENERIC-FUNCTION" >WEBGL-ERROR</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFRAME-BUFFER-ATTACHMENT-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FRAME-BUFFER-ATTACHMENT-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FRAME-BUFFER-ATTACHMENT-PARAMETER%20GENERIC-FUNCTION" >FRAME-BUFFER-ATTACHMENT-PARAMETER</a></span></span> <span class="locative-args">OBJ GLENUM-TARGET GLENUM-ATTACHMENT GLENUM-PNAME</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3APARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:PARAMETER%20GENERIC-FUNCTION" >PARAMETER</a></span></span> <span class="locative-args">OBJ GLENUM-PNAME</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ARENDER-BUFFER-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:RENDER-BUFFER-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:RENDER-BUFFER-PARAMETER%20GENERIC-FUNCTION" >RENDER-BUFFER-PARAMETER</a></span></span> <span class="locative-args">OBJ GLENUM-TARGET GLENUM-PNAME</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ATEXTURE-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:TEXTURE-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:TEXTURE-PARAMETER%20GENERIC-FUNCTION" >TEXTURE-PARAMETER</a></span></span> <span class="locative-args">OBJ GLENUM-TARGET GLENUM-PNAME</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AVERTEX-ATTRIBUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:VERTEX-ATTRIBUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:VERTEX-ATTRIBUTE%20GENERIC-FUNCTION" >VERTEX-ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-WEBGL INDEX GLENUM-PNAME</span></span></p>

<p>Information about a vertex attribute at a given position.
pname:
A GLenum specifying the information to query. Possible values:</p>

<p>:VERTEX_ATTRIB_ARRAY_BUFFER_BINDING
Returns the currently bound WebGLBuffer.</p>

<p>:VERTEX_ATTRIB_ARRAY_ENABLED
Returns a GLboolean that is true if the vertex attribute is enabled at this index. Otherwise false.</p>

<p>:VERTEX_ATTRIB_ARRAY_SIZE
Returns a GLint indicating the size of an element of the vertex array.</p>

<p>:VERTEX_ATTRIB_ARRAY_STRIDE
Returns a GLint indicating the number of bytes between successive elements in the array. 0 means that the elements are sequential.</p>

<p>:VERTEX_ATTRIB_ARRAY_TYPE
Returns a GLenum representing the array type. One of</p>

<p><code>:BYTE</code>
:UNSIGNED_BYTE
<code>:SHORT</code>,
:UNSIGNED_SHORT
<code>:FLOAT</code>
:VERTEX_ATTRIB_ARRAY_NORMALIZED
Returns a GLboolean that is true if fixed-point data types are normalized for the vertex attribute array at the given index.</p>

<p>:CURRENT_VERTEX_ATTRIB
Returns a Float32Array (with 4 elements) representing the current value of the vertex attribute at the given index.</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:VERTEX_ATTRIB_ARRAY_INTEGER
Returns a GLboolean indicating whether an integer data type is in the vertex attribute array at the given index.</p>

<p>:VERTEX_ATTRIB_ARRAY_DIVISOR
Returns a GLint describing the frequency divisor used for instanced rendering.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AACTIVE-TEXTURE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ACTIVE-TEXTURE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ACTIVE-TEXTURE%20GENERIC-FUNCTION" >ACTIVE-TEXTURE</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TEXTURE</span></span></p>

<p>Sets the active textcture in gl context based on :TEXTUREI
where I is the texture number.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABLEND-COLOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BLEND-COLOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BLEND-COLOR%20GENERIC-FUNCTION" >BLEND-COLOR</a></span></span> <span class="locative-args">CLOG-WEBGL RED GREEN BLUE ALPHA</span></span></p>

<p>Used to set the source and destination blending factors.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABLEND-EQUATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BLEND-EQUATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BLEND-EQUATION%20GENERIC-FUNCTION" >BLEND-EQUATION</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-MODE</span></span></p>

<p>Used to set both the <a href="#CLOG:RGB%20FUNCTION" title="CLOG:RGB FUNCTION"><code>RGB</code></a> blend equation and alpha blend equation to a single equation.
:FUNC_ADD : source + destination (default value)
:FUNC_SUBTRACT : source - destination
:FUNC_REVERSE_SUBTRACT : destination - source</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p><code>:MIN</code> : Minimum of source and destination
<code>:MAX</code> : Maximum of source and destination</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABLEND-EQUATION-SEPERATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BLEND-EQUATION-SEPERATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BLEND-EQUATION-SEPERATE%20GENERIC-FUNCTION" >BLEND-EQUATION-SEPERATE</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-MODE-RGB GLENUM-MODE-ALPHA</span></span></p>

<p>Used to set both the <a href="#CLOG:RGB%20FUNCTION" title="CLOG:RGB FUNCTION"><code>RGB</code></a> blend equation and alpha blend equation to a single equation.
:FUNC_ADD : source + destination (default value)
:FUNC_SUBTRACT : source - destination
:FUNC_REVERSE_SUBTRACT : destination - source</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p><code>:MIN</code> : Minimum of source and destination
<code>:MAX</code> : Maximum of source and destination</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABLEND-FUNCTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BLEND-FUNCTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BLEND-FUNCTION%20GENERIC-FUNCTION" >BLEND-FUNCTION</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-SOURCE-FACTOR GLENUM-DESTINATION-FACTOR</span></span></p>

<p>Defines which function is used for blending pixel arithmetic.
See - https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendFunc</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABLEND-FUNCTION-SEPERATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BLEND-FUNCTION-SEPERATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BLEND-FUNCTION-SEPERATE%20GENERIC-FUNCTION" >BLEND-FUNCTION-SEPERATE</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-SOURCE-FACTOR-RGB GLENUM-DESTINATION-FACTOR-RGB GLENUM-SOURCE-FACTOR-ALPHA GLENUM-DESTINATION-FACTOR-ALPHA</span></span></p>

<p>Defines which function is used for blending pixel arithmetic.
See - https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/blendFunc</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACHECK-FRAME-BUFFER-STATUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CHECK-FRAME-BUFFER-STATUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CHECK-FRAME-BUFFER-STATUS%20GENERIC-FUNCTION" >CHECK-FRAME-BUFFER-STATUS</a></span></span> <span class="locative-args">CLOG-WEBGL TARGET</span></span></p>

<p>Completeness status of frame buffer. Target can be:
:FRAMEBUFFER
Collection buffer data storage of color, alpha, depth and stencil buffers used to render an image.</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:DRAW_FRAMEBUFFER
Equivalent to :FRAMEBUFFER. Used as a destination for drawing, rendering, clearing, and writing operations.</p>

<p>:READ_FRAMEBUFFER
Used as a source for reading operations.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACLEAR-COLOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CLEAR-COLOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLEAR-COLOR%20GENERIC-FUNCTION" >CLEAR-COLOR</a></span></span> <span class="locative-args">CLOG-WEBGL RED GREEN BLUE ALPHA</span></span></p>

<p>Specifies the color values used when clearing color buffers
with <a href="#CLOG-WEBGL:CLEAR-WEBGL%20GENERIC-FUNCTION" title="CLOG-WEBGL:CLEAR-WEBGL GENERIC-FUNCTION"><code>CLEAR-WEBGL</code></a>.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACLEAR-DEPTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CLEAR-DEPTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLEAR-DEPTH%20GENERIC-FUNCTION" >CLEAR-DEPTH</a></span></span> <span class="locative-args">CLOG-WEBGL DEPTH</span></span></p>

<p>Specifying the depth value used when the depth buffer is cleared.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACLEAR-WEBGL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CLEAR-WEBGL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLEAR-WEBGL%20GENERIC-FUNCTION" >CLEAR-WEBGL</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-MASK</span></span></p>

<p>Clears buffers to preset values. <code>GLENUM-MASK</code> can be:
:COLOR_BUFFER_BIT
:DEPTH_BUFFER_BIT
:STENCIL_BUFFER_BIT</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACLEAR-STENCIL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CLEAR-STENCIL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLEAR-STENCIL%20GENERIC-FUNCTION" >CLEAR-STENCIL</a></span></span> <span class="locative-args">CLOG-WEBGL STENCIL</span></span></p>

<p>Specifying the stencil index used when the stencil buffer is cleared.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACOLOR-MASK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:COLOR-MASK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:COLOR-MASK%20GENERIC-FUNCTION" >COLOR-MASK</a></span></span> <span class="locative-args">CLOG-WEBGL RED GREEN BLUE ALPHA</span></span></p>

<p>Sets which color components to enable or to disable when drawing or rendering
red green blue alpha are nil or true</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADEPTH-FUNCTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DEPTH-FUNCTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DEPTH-FUNCTION%20GENERIC-FUNCTION" >DEPTH-FUNCTION</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-FUNC</span></span></p>

<p>Specifies a function that compares incoming pixel depth to
the current depth buffer value. <code>GLENUM-FUNC</code> can be:
<code>:NEVER</code> (never pass)
:LESS (pass if the incoming value is less than the depth buffer value)
:EQUAL (pass if the incoming value equals the depth buffer value)
:LEQUAL (pass if the incoming value is less than or equal to the depth buffer value)
:GREATER (pass if the incoming value is greater than the depth buffer value)
:NOTEQUAL (pass if the incoming value is not equal to the depth buffer value)
:GEQUAL (pass if the incoming value is greater than or equal to the depth buffer value)
<code>:ALWAYS</code> (always pass)</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADEPTH-MASK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DEPTH-MASK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DEPTH-MASK%20GENERIC-FUNCTION" >DEPTH-MASK</a></span></span> <span class="locative-args">CLOG-WEBGL ENABLEP</span></span></p>

<p>Specifying whether or not writing into the depth buffer is
enabled</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADEPTH-RANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DEPTH-RANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DEPTH-RANGE%20GENERIC-FUNCTION" >DEPTH-RANGE</a></span></span> <span class="locative-args">CLOG-WEBGL ZNEAR ZFAR</span></span></p>

<p>Specifies the depth range mapping from normalized device
coordinates to window or viewport coordinates.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADISABLE-CAPABILITY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DISABLE-CAPABILITY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DISABLE-CAPABILITY%20GENERIC-FUNCTION" >DISABLE-CAPABILITY</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-CAPABILITY</span></span></p>

<p>Disables specific WebGL capabilities for this context.
For <code>GLENUM-CAPABILITY</code> see:
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/disable</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADISABLE-VERTEX-ATTRIBUTE-ARRAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DISABLE-VERTEX-ATTRIBUTE-ARRAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DISABLE-VERTEX-ATTRIBUTE-ARRAY%20GENERIC-FUNCTION" >DISABLE-VERTEX-ATTRIBUTE-ARRAY</a></span></span> <span class="locative-args">CLOG-WEBGL ATTRIBUTE-LOCATION</span></span></p>

<p>Turns the generic vertex attribute array off at a given index
position.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADRAW-ARRAYS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DRAW-ARRAYS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DRAW-ARRAYS%20GENERIC-FUNCTION" >DRAW-ARRAYS</a></span></span> <span class="locative-args">CLOG-WEBGL MODE OFFSET COUNT</span></span></p>

<p>Renders primitives from array data. <code>MODE</code> can be:
:POINTS Draws a single dot.
:LINE_STRIP Draws a straight line to the next vertex.
:LINE_LOOP Draws a straight line to the next vertex, and connects the last vertex back to the first.
<code>:LINES</code> Draws a line between a pair of vertices.
:TRIANGLE_STRIP
:TRIANGLE_FAN
:TRIANGLES Draws a triangle for a group of three vertices.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADRAW-ELEMENTS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DRAW-ELEMENTS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DRAW-ELEMENTS%20GENERIC-FUNCTION" >DRAW-ELEMENTS</a></span></span> <span class="locative-args">CLOG-WEBGL MODE COUNT TYPE OFFSET</span></span></p>

<p>Renders primitives from array data.
<code>MODE</code> can be:
:POINTS Draws a single dot.
:LINE_STRIP Draws a straight line to the next vertex.
:LINE_LOOP Draws a straight line to the next vertex, and connects the last vertex back to the first.
<code>:LINES</code> Draws a line between a pair of vertices.
:TRIANGLE_STRIP
:TRIANGLE_FAN
:TRIANGLES Draws a triangle for a group of three vertices.</p>

<p><code>TYPE</code> can be:
:UNSIGNED_BYTE
:UNSIGNED_SHORT</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AENABLE-CAPABILITY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ENABLE-CAPABILITY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ENABLE-CAPABILITY%20GENERIC-FUNCTION" >ENABLE-CAPABILITY</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-CAPABILITY</span></span></p>

<p>Enables specific WebGL capabilities for this context.
For <code>GLENUM-CAPABILITY</code> see:
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/enable</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AENABLE-VERTEX-ATTRIBUTE-ARRAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ENABLE-VERTEX-ATTRIBUTE-ARRAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ENABLE-VERTEX-ATTRIBUTE-ARRAY%20GENERIC-FUNCTION" >ENABLE-VERTEX-ATTRIBUTE-ARRAY</a></span></span> <span class="locative-args">CLOG-WEBGL ATTRIBUTE-LOCATION</span></span></p>

<p>Turns the generic vertex attribute array on at a given index
position.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFINISH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FINISH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FINISH%20GENERIC-FUNCTION" >FINISH</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Blocks execution until all previously called commands are
finished. this needs to be written to fire an event when done to work fully
with CLOG</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFLUSH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FLUSH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FLUSH%20GENERIC-FUNCTION" >FLUSH</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Empties different buffer commands, causing all commands to
be executed as quickly as possible</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFRAME-BUFFER-RENDER-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FRAME-BUFFER-RENDER-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FRAME-BUFFER-RENDER-BUFFER%20GENERIC-FUNCTION" >FRAME-BUFFER-RENDER-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL TARGET ATTACHMENT RENDERBUFFERTARGET CLOG-WEBGL-RENDER-BUFFER</span></span></p>

<p>Attaches a clog-Render-buffer object to a clog-frame-buffer object</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFRAME-BUFFER-TEXTURE-2D-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FRAME-BUFFER-TEXTURE-2D%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FRAME-BUFFER-TEXTURE-2D%20GENERIC-FUNCTION" >FRAME-BUFFER-TEXTURE-2D</a></span></span> <span class="locative-args">CLOG-WEBGL TARGET ATTACHMENT TEXTARGET CLOG-FRAME-BUFFER LEVEL</span></span></p>

<p>attaches a texture to a clog-frame-buffer</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AFRONT-FACE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:FRONT-FACE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:FRONT-FACE%20GENERIC-FUNCTION" >FRONT-FACE</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-MODE</span></span></p>

<p>Specifies whether polygons are front- or back-facing by
setting a winding orientation. <code>GLENUM-MODE</code> can be:
:CW Clock-wise winding.
:CCW Counter-clock-wise winding.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AGENERATE-MIPMAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:GENERATE-MIPMAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:GENERATE-MIPMAP%20GENERIC-FUNCTION" >GENERATE-MIPMAP</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TARGET</span></span></p>

<p>Generates a set of mipmaps for a WebGLTexture object.
<code>GLENUM-TARGET</code> can be:
:TEXTURE_2D A two-dimensional texture.
:TEXTURE_CUBE_MAP A cube-mapped texture.
When using a WebGL 2 context, the following values are available additionally:</p>

<p>:TEXTURE_3D A three-dimensional texture.
:TEXTURE_2D_ARRAY A two-dimensional array texture</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AHINT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:HINT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:HINT%20GENERIC-FUNCTION" >HINT</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TARGET GLENUM-MODE</span></span></p>

<p>Hints for certain behaviors. The interpretation of these
hints depend on the implementation.</p>

<p>target:
Sets which behavior to be controlled. Possible values:</p>

<p>:GENERATE_MIPMAP_HINT
Quality of filtering when generating mipmap images with WebGLRenderingContext.generateMipmap().</p>

<p>When using the OES_standard_derivatives extension:</p>

<p>ext.FRAGMENT_SHADER_DERIVATIVE_HINT_OES
Accuracy of the derivative calculation for the GLSL built-in functions: dFdx, dFdy, and fwidth.</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:FRAGMENT_SHADER_DERIVATIVE_HINT
Same as ext.FRAGMENT_SHADER_DERIVATIVE_HINT_OES</p>

<p>mode:
Sets the behavior. The default value is :DONT_CARE. The possible values are:</p>

<p>:FASTEST : The most efficient behavior should be used.
:NICEST : The most correct or the highest quality option should be used.
:DONT_CARE : There is no preference for this behavior.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-CAPABILITY-ENABLED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-CAPABILITY-ENABLED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-CAPABILITY-ENABLED%20GENERIC-FUNCTION" >IS-CAPABILITY-ENABLED</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-CAPABILITY</span></span></p>

<p>Return true if glenum-capability is enabled.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/isEnabled</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-CONTEXT-LOST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-CONTEXT-LOST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-CONTEXT-LOST%20GENERIC-FUNCTION" >IS-CONTEXT-LOST</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Return true if context was lost and needs to be re-established</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3APIXEL-STORE-INTEGER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:PIXEL-STORE-INTEGER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:PIXEL-STORE-INTEGER%20GENERIC-FUNCTION" >PIXEL-STORE-INTEGER</a></span></span> <span class="locative-args">OBJ GLENUM-PNAME VALUE</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3APOLYGON-OFFSET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:POLYGON-OFFSET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:POLYGON-OFFSET%20GENERIC-FUNCTION" >POLYGON-OFFSET</a></span></span> <span class="locative-args">OBJ FACTOR UNITS</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ARENDER-BUFFER-STORAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:RENDER-BUFFER-STORAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:RENDER-BUFFER-STORAGE%20GENERIC-FUNCTION" >RENDER-BUFFER-STORAGE</a></span></span> <span class="locative-args">OBJ GLENUM-TARGET GLENUM-INTERNAL-FORMAT WIDTH HEIGHT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASAMPLE-COVERAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:SAMPLE-COVERAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:SAMPLE-COVERAGE%20GENERIC-FUNCTION" >SAMPLE-COVERAGE</a></span></span> <span class="locative-args">OBJ VALUE INVERTP</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASCISSOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:SCISSOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:SCISSOR%20GENERIC-FUNCTION" >SCISSOR</a></span></span> <span class="locative-args">OBJ X Y WIDTH HEIGHT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-FUNCTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-FUNCTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-FUNCTION%20GENERIC-FUNCTION" >STENCIL-FUNCTION</a></span></span> <span class="locative-args">OBJ GLENUM-FUNC REF MASK</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-FUNCTION-SEPERATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-FUNCTION-SEPERATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-FUNCTION-SEPERATE%20GENERIC-FUNCTION" >STENCIL-FUNCTION-SEPERATE</a></span></span> <span class="locative-args">OBJ GLENUM-FACE GLENUM-FUNC REF MASK</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-MASK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-MASK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-MASK%20GENERIC-FUNCTION" >STENCIL-MASK</a></span></span> <span class="locative-args">OBJ MASK</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-MASK-SEPERATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-MASK-SEPERATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-MASK-SEPERATE%20GENERIC-FUNCTION" >STENCIL-MASK-SEPERATE</a></span></span> <span class="locative-args">OBJ GLENUM-FACE MASK</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-OPERATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-OPERATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-OPERATION%20GENERIC-FUNCTION" >STENCIL-OPERATION</a></span></span> <span class="locative-args">OBJ FAIL ZFAIL ZPASS</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASTENCIL-OPERATION-SEPERATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:STENCIL-OPERATION-SEPERATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:STENCIL-OPERATION-SEPERATE%20GENERIC-FUNCTION" >STENCIL-OPERATION-SEPERATE</a></span></span> <span class="locative-args">OBJ GLENUM-FACE FAIL ZFAIL ZPASS</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ATEXTURE-PARAMETER-FLOAT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:TEXTURE-PARAMETER-FLOAT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:TEXTURE-PARAMETER-FLOAT%20GENERIC-FUNCTION" >TEXTURE-PARAMETER-FLOAT</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TARGET GLENUM-PNAME VALUE</span></span></p>

<p>Set float texture parameters.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ATEXTURE-PARAMETER-INTEGER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:TEXTURE-PARAMETER-INTEGER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:TEXTURE-PARAMETER-INTEGER%20GENERIC-FUNCTION" >TEXTURE-PARAMETER-INTEGER</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TARGET GLENUM-PNAME VALUE</span></span></p>

<p>Set integer texture parameters.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUNIFORM-MATRIX-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:UNIFORM-MATRIX%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:UNIFORM-MATRIX%20GENERIC-FUNCTION" >UNIFORM-MATRIX</a></span></span> <span class="locative-args">OBJ SIZE LOCATION NORMALIZE MATRIX</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AVIEWPORT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:VIEWPORT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:VIEWPORT%20GENERIC-FUNCTION" >VIEWPORT</a></span></span> <span class="locative-args">OBJ X Y WIDTH HEIGHT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AVERTEX-ATTRIBUTE-POINTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:VERTEX-ATTRIBUTE-POINTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:VERTEX-ATTRIBUTE-POINTER%20GENERIC-FUNCTION" >VERTEX-ATTRIBUTE-POINTER</a></span></span> <span class="locative-args">OBJ ATTRIBUTE-LOCATION SIZE TYPE NORMALIZE STRIDE OFFSET</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACOMPILE-SHADER-SOURCE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:COMPILE-SHADER-SOURCE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:COMPILE-SHADER-SOURCE%20GENERIC-FUNCTION" >COMPILE-SHADER-SOURCE</a></span></span> <span class="locative-args">OBJ GLENUM-TYPE SOURCE</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACOMPILE-WEBGL-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:COMPILE-WEBGL-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:COMPILE-WEBGL-PROGRAM%20GENERIC-FUNCTION" >COMPILE-WEBGL-PROGRAM</a></span></span> <span class="locative-args">OBJ VERTEX-SHADER FRAGMENT-SHADER</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-UNIFORM-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-UNIFORM%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-UNIFORM%20CLASS" >CLOG-WEBGL-UNIFORM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p>CLOG-WebGL-Active-Info - Class for CLOG WebGL Active Info objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-ACTIVE-INFO-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-ACTIVE-INFO%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-ACTIVE-INFO%20CLASS" >CLOG-WEBGL-ACTIVE-INFO</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AINFO-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:INFO-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:INFO-NAME%20GENERIC-FUNCTION" >INFO-NAME</a></span></span> <span class="locative-args">CLOG-WEBGL-ACTIVE-INFO</span></span></p>

<p>Active Info Name</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AINFO-SIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:INFO-SIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:INFO-SIZE%20GENERIC-FUNCTION" >INFO-SIZE</a></span></span> <span class="locative-args">CLOG-WEBGL-ACTIVE-INFO</span></span></p>

<p>Active Info Size</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AINFO-TYPE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:INFO-TYPE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:INFO-TYPE%20GENERIC-FUNCTION" >INFO-TYPE</a></span></span> <span class="locative-args">CLOG-WEBGL-ACTIVE-INFO</span></span></p>

<p>Active Info Type</p></li>
</ul>

<p>CLOG-WebGL-Shader - Class for CLOG WebGL-Shader objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-SHADER-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-SHADER%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-SHADER%20CLASS" >CLOG-WEBGL-SHADER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-SHADER%20GENERIC-FUNCTION" >CREATE-SHADER</a></span></span> <span class="locative-args">CLOG-WEBGL GLENUM-TYPE</span></span></p>

<p>Create a clog-webgl-shader for type :GLENUM.
See https://github.com/KhronosGroup/WebGL/blob/main/specs/latest/2.0/webgl2.idl
For :GLENUM values</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-SHADER%20GENERIC-FUNCTION" >IS-SHADER</a></span></span> <span class="locative-args">CLOG-WEBGL-SHADER</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASHADER-SOURCE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:SHADER-SOURCE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:SHADER-SOURCE%20GENERIC-FUNCTION" >SHADER-SOURCE</a></span></span> <span class="locative-args">CLOG-WEBGL-SHADER SOURCE</span></span></p>

<p>Sets shader source code</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASHADER-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:SHADER-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:SHADER-PARAMETER%20GENERIC-FUNCTION" >SHADER-PARAMETER</a></span></span> <span class="locative-args">CLOG-WEBGL-SHADER GLENUM-PARAM</span></span></p>

<p>Returns information about the given shader.
:DELETE_STATUS
Returns a GLboolean indicating whether or not the shader is flagged for deletion.</p>

<p><code>:COMPILE_STATUS</code>
Returns a GLboolean indicating whether or not the last shader compilation was successful.</p>

<p>:SHADER_TYPE
Returns a GLenum indicating whether the shader is a vertex shader (gl.VERTEX_SHADER) or fragment shader (gl.FRAGMENT_SHADER) object.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ASHADER-INFO-LOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:SHADER-INFO-LOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:SHADER-INFO-LOG%20GENERIC-FUNCTION" >SHADER-INFO-LOG</a></span></span> <span class="locative-args">CLOG-WEBGL-SHADER</span></span></p>

<p>It contains warnings, debugging and compile information.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACOMPILE-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:COMPILE-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:COMPILE-SHADER%20GENERIC-FUNCTION" >COMPILE-SHADER</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-SHADER%20GENERIC-FUNCTION" >DELETE-SHADER</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Program - Class for CLOG WebGL-Program objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-PROGRAM-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-PROGRAM%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-PROGRAM%20CLASS" >CLOG-WEBGL-PROGRAM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-PROGRAM%20GENERIC-FUNCTION" >CREATE-PROGRAM</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Create a clog-webgl-program</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-PROGRAM%20GENERIC-FUNCTION" >IS-PROGRAM</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AATTACH-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ATTACH-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ATTACH-SHADER%20GENERIC-FUNCTION" >ATTACH-SHADER</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM CLOG-WEBGL-SHADER</span></span></p>

<p>Attaches either a fragment or vertex <code>CLOG-WEBGL-SHADER</code></p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADETACH-SHADER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DETACH-SHADER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DETACH-SHADER%20GENERIC-FUNCTION" >DETACH-SHADER</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM CLOG-WEBGL-SHADER</span></span></p>

<p>Detaches a <code>CLOG-WEBGL-SHADER</code></p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-ATTRIBUTE-LOCATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-ATTRIBUTE-LOCATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-ATTRIBUTE-LOCATION%20GENERIC-FUNCTION" >BIND-ATTRIBUTE-LOCATION</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM INDEX NAME</span></span></p>

<p>Binds a generic vertex <code>INDEX</code> to an attribute variable
called <code>NAME</code>.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3APROGRAM-PARAMETER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:PROGRAM-PARAMETER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:PROGRAM-PARAMETER%20GENERIC-FUNCTION" >PROGRAM-PARAMETER</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM GLENUM-PARAM</span></span></p>

<p>Information about the given program.
:DELETE_STATUS
Returns a GLboolean indicating whether or not the program is flagged for deletion.</p>

<p><code>:LINK_STATUS</code>
Returns a GLboolean indicating whether or not the last link operation was successful.</p>

<p>:VALIDATE_STATUS
Returns a GLboolean indicating whether or not the last validation operation was successful.</p>

<p>:ATTACHED_SHADERS
Returns a GLint indicating the number of attached shaders to a program.</p>

<p>:ACTIVE_ATTRIBUTES
Returns a GLint indicating the number of active attribute variables to a program.</p>

<p>:ACTIVE_UNIFORMS
Returns a GLint indicating the number of active uniform variables to a program.</p>

<p>When using a WebGL 2 context, the following values are available additionally:</p>

<p>:TRANSFORM_FEEDBACK_BUFFER_MODE
Returns a GLenum indicating the buffer mode when transform feedback is active. May be :SEPARATE_ATTRIBS or :INTERLEAVED_ATTRIBS.</p>

<p>:TRANSFORM_FEEDBACK_VARYINGS
Returns a GLint indicating the number of varying variables to capture in transform feedback mode.</p>

<p>:ACTIVE_UNIFORM_BLOCKS
Returns a GLint indicating the number of uniform blocks containing active uniforms.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AATTRIBUTE-LOCATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ATTRIBUTE-LOCATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ATTRIBUTE-LOCATION%20GENERIC-FUNCTION" >ATTRIBUTE-LOCATION</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM NAME</span></span></p>

<p>Returns the location of an attribute variable in clog-webgl-program</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUNIFORM-LOCATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:UNIFORM-LOCATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:UNIFORM-LOCATION%20GENERIC-FUNCTION" >UNIFORM-LOCATION</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM NAME</span></span></p>

<p>Returns the location of an uniform variable in clog-webgl-program</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AACTIVE-ATTRIBUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ACTIVE-ATTRIBUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ACTIVE-ATTRIBUTE%20GENERIC-FUNCTION" >ACTIVE-ATTRIBUTE</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM INDEX</span></span></p>

<p>Query about unknown attributes</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AACTIVE-UNIFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:ACTIVE-UNIFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:ACTIVE-UNIFORM%20GENERIC-FUNCTION" >ACTIVE-UNIFORM</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM INDEX</span></span></p>

<p>Query about unknown uniforms</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUNIFORM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:UNIFORM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:UNIFORM%20GENERIC-FUNCTION" >UNIFORM</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM LOCATION</span></span></p>

<p>Returns the value of uniform at <code>LOCATION</code> in clog-webgl-program</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUNIFORM-FLOAT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:UNIFORM-FLOAT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:UNIFORM-FLOAT%20GENERIC-FUNCTION" >UNIFORM-FLOAT</a></span></span> <span class="locative-args">CLOG-WEBGL LOCATION X &amp;OPTIONAL Y Z W</span></span></p>

<p>Sets the value of uniform at <code>LOCATION</code>.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUNIFORM-INTEGER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:UNIFORM-INTEGER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:UNIFORM-INTEGER%20GENERIC-FUNCTION" >UNIFORM-INTEGER</a></span></span> <span class="locative-args">CLOG-WEBGL LOCATION X &amp;OPTIONAL Y Z W</span></span></p>

<p>Sets the value of uniform at <code>LOCATION</code>.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3APROGRAM-INFO-LOG-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:PROGRAM-INFO-LOG%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:PROGRAM-INFO-LOG%20GENERIC-FUNCTION" >PROGRAM-INFO-LOG</a></span></span> <span class="locative-args">CLOG-WEBGL-PROGRAM</span></span></p>

<p>Contains errors that occurred during failed linking or
validation of WebGLProgram objects.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ALINK-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:LINK-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:LINK-PROGRAM%20GENERIC-FUNCTION" >LINK-PROGRAM</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AUSE-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:USE-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:USE-PROGRAM%20GENERIC-FUNCTION" >USE-PROGRAM</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-PROGRAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-PROGRAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-PROGRAM%20GENERIC-FUNCTION" >DELETE-PROGRAM</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Buffer - Class for CLOG WebGL-Buffer objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-BUFFER-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-BUFFER%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-BUFFER%20CLASS" >CLOG-WEBGL-BUFFER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-WEBGL-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-WEBGL-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-WEBGL-BUFFER%20GENERIC-FUNCTION" >CREATE-WEBGL-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL &amp;KEY BIND-TYPE</span></span></p>

<p>Create a clog-webgl-buffer. If <code>BIND-TYPE</code>
is set binds the buffer to either :ARRAY_BUFFER or :ELEMENT_ARRAY_BUFFER
in WebGL2 the following added:
:COPY_READ_BUFFER : Buffer for copying from one buffer object to another.
:COPY_WRITE_BUFFER : Buffer for copying from one buffer object to another.
:TRANSFORM_FEEDBACK_BUFFER : Buffer for transform feedback operations.
:UNIFORM_BUFFER : Buffer used for storing uniform blocks.
:PIXEL_PACK_BUFFER : Buffer used for pixel transfer operations.
:PIXEL_UNPACK_BUFFER : Buffer used for pixel transfer operations.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-BUFFER%20GENERIC-FUNCTION" >IS-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-BUFFER</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-BUFFER%20GENERIC-FUNCTION" >BIND-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-BUFFER GLENUM-TARGET</span></span></p>

<p>Set <code>BIND-TYPE</code> of buffer to either :ARRAY_BUFFER or
:ELEMENT_ARRAY_BUFFER. WebGL2 adds:
:COPY_READ_BUFFER : Buffer for copying from one buffer object to another.
:COPY_WRITE_BUFFER : Buffer for copying from one buffer object to another.
:TRANSFORM_FEEDBACK_BUFFER : Buffer for transform feedback operations.
:UNIFORM_BUFFER : Buffer used for storing uniform blocks.
:PIXEL_PACK_BUFFER : Buffer used for pixel transfer operations.
:PIXEL_UNPACK_BUFFER : Buffer used for pixel transfer operations.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABUFFER-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BUFFER-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BUFFER-DATA%20GENERIC-FUNCTION" >BUFFER-DATA</a></span></span> <span class="locative-args">CLOG-WEBGL-BUFFER DATA-LIST DATA-TYPE GLENUM-USAGE</span></span></p>

<p>Initializes and creates the buffer object's data store.
<code>DATA-LIST</code> is a Lisp list of data elements.
<code>DATA-TYPE</code> is the WebGL data type as a string &quot;Float32Array&quot;
<code>GLENUM-USAGE</code> us a usage hint like :STATIC_DRAW</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABUFFER-SUB-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BUFFER-SUB-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BUFFER-SUB-DATA%20GENERIC-FUNCTION" >BUFFER-SUB-DATA</a></span></span> <span class="locative-args">CLOG-WEBGL-BUFFER OFFSET DATA-LIST DATA-TYPE</span></span></p>

<p>Initializes and creates the buffer object's data store.
<code>OFFSET</code> element index offset where to start reading the buffer.
<code>DATA-LIST</code> is a Lisp list of data elements.
<code>DATA-TYPE</code> is the WebGL data type as a string &quot;Float32Array&quot;</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-BUFFER%20GENERIC-FUNCTION" >DELETE-BUFFER</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Vertex-Array - Class for CLOG WebGL-Vertex-Array objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-VERTEX-ARRAY-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-VERTEX-ARRAY%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-VERTEX-ARRAY%20CLASS" >CLOG-WEBGL-VERTEX-ARRAY</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-VERTEX-ARRAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-VERTEX-ARRAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-VERTEX-ARRAY%20GENERIC-FUNCTION" >CREATE-VERTEX-ARRAY</a></span></span> <span class="locative-args">CLOG-WEBGL</span></span></p>

<p>Create a clog-webgl-vertex-array</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-VERTEX-ARRAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-VERTEX-ARRAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-VERTEX-ARRAY%20GENERIC-FUNCTION" >BIND-VERTEX-ARRAY</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-VERTEX-ARRAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-VERTEX-ARRAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-VERTEX-ARRAY%20GENERIC-FUNCTION" >DELETE-VERTEX-ARRAY</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Frame-Buffer - Class for CLOG WebGL-Frame-Buffer objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-FRAME-BUFFER-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-FRAME-BUFFER%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-FRAME-BUFFER%20CLASS" >CLOG-WEBGL-FRAME-BUFFER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-WEBGL-FRAME-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-WEBGL-FRAME-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-WEBGL-FRAME-BUFFER%20GENERIC-FUNCTION" >CREATE-WEBGL-FRAME-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL &amp;KEY BIND-TYPE</span></span></p>

<p>Create a clog-webgl-frame-buffer. If <code>BIND-TYPE</code>
is set binds the frame-buffer to :FRAMEBUFFER in WebGL2 the following are
added:
:DRAW_FRAMEBUFFER : Used as a destination for drawing operations such as draw<em>,
clear</em> and blit-frame-buffer.
:READ_FRAMEBUFFER : Used as a source for reading operations such as readPixels
and blit-frame-buffer.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-FRAME-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-FRAME-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-FRAME-BUFFER%20GENERIC-FUNCTION" >IS-FRAME-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-FRAME-BUFFER</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-FRAME-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-FRAME-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-FRAME-BUFFER%20GENERIC-FUNCTION" >BIND-FRAME-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-FRAME-BUFFER GLENUM-TARGET</span></span></p>

<p>Set <code>BIND-TYPE</code> of frame-buffer to :FRAMEBUFFER
in WebGL2 the following are added:
:DRAW_FRAMEBUFFER : Used as a destination for drawing operations such as draw<em>,
clear</em> and blit-frame-buffer.
:READ_FRAMEBUFFER : Used as a source for reading operations such as readPixels
and blit-frame-buffer</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-FRAME-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-FRAME-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-FRAME-BUFFER%20GENERIC-FUNCTION" >DELETE-FRAME-BUFFER</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Render-Buffer - Class for CLOG WebGL-Render-Buffer objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-RENDER-BUFFER-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-RENDER-BUFFER%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-RENDER-BUFFER%20CLASS" >CLOG-WEBGL-RENDER-BUFFER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-WEBGL-RENDER-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-WEBGL-RENDER-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-WEBGL-RENDER-BUFFER%20GENERIC-FUNCTION" >CREATE-WEBGL-RENDER-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL &amp;KEY BIND-TYPE</span></span></p>

<p>Create a clog-webgl-render-buffer. If <code>BIND-TYPE</code>
is set binds the render-buffer to :RENDERBUFFER</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-RENDER-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-RENDER-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-RENDER-BUFFER%20GENERIC-FUNCTION" >IS-RENDER-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-RENDER-BUFFER</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-RENDER-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-RENDER-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-RENDER-BUFFER%20GENERIC-FUNCTION" >BIND-RENDER-BUFFER</a></span></span> <span class="locative-args">CLOG-WEBGL-RENDER-BUFFER GLENUM-TARGET</span></span></p>

<p>Set <code>BIND-TYPE</code> of render-buffer to :RENDERBUFFER</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-RENDER-BUFFER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-RENDER-BUFFER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-RENDER-BUFFER%20GENERIC-FUNCTION" >DELETE-RENDER-BUFFER</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p>CLOG-WebGL-Texture - Class for CLOG WebGL-Texture objects</p>

<p><a id="x-28CLOG-WEBGL-3ACLOG-WEBGL-TEXTURE-20CLASS-29"></a>
<a id="CLOG-WEBGL:CLOG-WEBGL-TEXTURE%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CLOG-WEBGL-TEXTURE%20CLASS" >CLOG-WEBGL-TEXTURE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ACREATE-WEBGL-TEXTURE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:CREATE-WEBGL-TEXTURE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:CREATE-WEBGL-TEXTURE%20GENERIC-FUNCTION" >CREATE-WEBGL-TEXTURE</a></span></span> <span class="locative-args">CLOG-WEBGL &amp;KEY BIND-TYPE</span></span></p>

<p>Create a clog-webgl-texture. If <code>BIND-TYPE</code>
is set binds the texture to:
:TEXTURE_2D : A two-dimensional texture.
:TEXTURE_CUBE_MAP : A cube-mapped texture.
in WebGL 2 also:
:TEXTURE_3D : A three-dimensional texture.
:TEXTURE_2D_ARRAY : A two-dimensional array texture.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3AIS-TEXTURE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:IS-TEXTURE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:IS-TEXTURE%20GENERIC-FUNCTION" >IS-TEXTURE</a></span></span> <span class="locative-args">CLOG-WEBGL-TEXTURE</span></span></p>

<p>Return true if is valid</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ABIND-TEXTURE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:BIND-TEXTURE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:BIND-TEXTURE%20GENERIC-FUNCTION" >BIND-TEXTURE</a></span></span> <span class="locative-args">CLOG-WEBGL-TEXTURE GLENUM-TARGET</span></span></p>

<p>Set <code>BIND-TYPE</code> of texture to:
:TEXTURE_2D : A two-dimensional texture.
:TEXTURE_CUBE_MAP : A cube-mapped texture.
in WebGL 2 also:
:TEXTURE_3D : A three-dimensional texture.
:TEXTURE_2D_ARRAY : A two-dimensional array texture.</p></li>
</ul>

<p><a id="x-28CLOG-WEBGL-3ADELETE-TEXTURE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEBGL:DELETE-TEXTURE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEBGL:DELETE-TEXTURE%20GENERIC-FUNCTION" >DELETE-TEXTURE</a></span></span> <span class="locative-args">OBJ</span></span></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-MULTIMEDIA-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-WEBGL%20MGL-PAX:SECTION" title="CLOG WebGL Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-AUTH%20MGL-PAX:SECTION" title="CLOG Auth Objects">&#8594;</a> <a href="#CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION" title="CLOG Multimedia Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION">18 CLOG Multimedia Objects</a></h2>

<p>CLOG-Multimedia - Base Class for CLOG multimedia objects</p>

<p><a id="x-28CLOG-3ACLOG-MULTIMEDIA-20CLASS-29"></a>
<a id="CLOG:CLOG-MULTIMEDIA%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-MULTIMEDIA%20CLASS" >CLOG-MULTIMEDIA</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Multimedia base class.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOOP-MEDIAP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOOP-MEDIAP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOOP-MEDIAP%20GENERIC-FUNCTION" >LOOP-MEDIAP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf loop media property.</p></li>
</ul>

<p><a id="x-28CLOG-3AMEDIA-DURATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MEDIA-DURATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MEDIA-DURATION%20GENERIC-FUNCTION" >MEDIA-DURATION</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf media in seconds property.</p></li>
</ul>

<p><a id="x-28CLOG-3AMEDIA-SOURCE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MEDIA-SOURCE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MEDIA-SOURCE%20GENERIC-FUNCTION" >MEDIA-SOURCE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf media source/url.</p></li>
</ul>

<p><a id="x-28CLOG-3AMEDIA-POSITION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MEDIA-POSITION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MEDIA-POSITION%20GENERIC-FUNCTION" >MEDIA-POSITION</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf postion of media in seconds.</p></li>
</ul>

<p><a id="x-28CLOG-3AMUTEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MUTEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MUTEDP%20GENERIC-FUNCTION" >MUTEDP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf muted property.</p></li>
</ul>

<p><a id="x-28CLOG-3APAUSEDP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PAUSEDP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PAUSEDP%20GENERIC-FUNCTION" >PAUSEDP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf paused property.</p></li>
</ul>

<p><a id="x-28CLOG-3ASEEKINGP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SEEKINGP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SEEKINGP%20GENERIC-FUNCTION" >SEEKINGP</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf seeking property.</p></li>
</ul>

<p><a id="x-28CLOG-3APLAYBACK-ENDED-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLAYBACK-ENDED-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLAYBACK-ENDED-P%20GENERIC-FUNCTION" >PLAYBACK-ENDED-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf true of Media position has reached end of its
duration.</p></li>
</ul>

<p><a id="x-28CLOG-3APLAYBACK-RATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLAYBACK-RATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLAYBACK-RATE%20GENERIC-FUNCTION" >PLAYBACK-RATE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf playback rate.
Common values - 1.0 normal, 0.5 half speed, -1.0 reverse</p></li>
</ul>

<p><a id="x-28CLOG-3AREADY-TO-PLAY-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:READY-TO-PLAY-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:READY-TO-PLAY-P%20GENERIC-FUNCTION" >READY-TO-PLAY-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf true of Media position has reached end of its
duration.</p></li>
</ul>

<p><a id="x-28CLOG-3AMEDIA-VOLUME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MEDIA-VOLUME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MEDIA-VOLUME%20GENERIC-FUNCTION" >MEDIA-VOLUME</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Get/Setf media volume, not system volume. 0.0 .. 1.0</p></li>
</ul>

<p><a id="x-28CLOG-3APLAY-MEDIA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PLAY-MEDIA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PLAY-MEDIA%20GENERIC-FUNCTION" >PLAY-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Play media.</p></li>
</ul>

<p><a id="x-28CLOG-3APAUSE-MEDIA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PAUSE-MEDIA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PAUSE-MEDIA%20GENERIC-FUNCTION" >PAUSE-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Pause media.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOAD-MEDIA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOAD-MEDIA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOAD-MEDIA%20GENERIC-FUNCTION" >LOAD-MEDIA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA</span></span></p>

<p>Load/Reload media.</p></li>
</ul>

<p><a id="x-28CLOG-3ACAN-PLAY-TYPE-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CAN-PLAY-TYPE-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CAN-PLAY-TYPE-P%20GENERIC-FUNCTION" >CAN-PLAY-TYPE-P</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA MEDIA-TYPE</span></span></p>

<p>Returns true if browser claims support of a media type.
Browsers report possibility but not guarantees of being able to support a
media type.</p>

<pre><code> Common values:
   video/ogg
   video/mp4
   video/webm
   audio/mpeg
   audio/ogg
   audio/mp4
   audio/mp3

 Common values, including codecs:
   video/ogg; codecs=&quot;theora, vorbis&quot;
   video/mp4; codecs=&quot;avc1.4D401E, mp4a.40.2&quot;
   video/webm; codecs=&quot;vp8.0, vorbis&quot;
   audio/ogg; codecs=&quot;vorbis&quot;
   audio/mp4; codecs=&quot;mp4a.40.5&quot;
</code></pre></li>
</ul>

<p>CLOG-Multimedia - Event Handlers</p>

<p>The standard event order for a normal file load is:
  On_Load_Start
  On_Duration_Change
  On_Loaded_Meta_Data
  On_Loaded_Data
  On_Progress
  On_Can_Play
  On_Can_Play_Though</p>

<p><a id="x-28CLOG-3ASET-ON-MEDIA-ABORT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MEDIA-ABORT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MEDIA-ABORT%20GENERIC-FUNCTION" >SET-ON-MEDIA-ABORT</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-MEDIA-ABORT-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-MEDIA-ERROR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-MEDIA-ERROR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-MEDIA-ERROR%20GENERIC-FUNCTION" >SET-ON-MEDIA-ERROR</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-MEDIA-ERROR-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CAN-PLAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CAN-PLAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CAN-PLAY%20GENERIC-FUNCTION" >SET-ON-CAN-PLAY</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-CAN-PLAY-HANDLER for <code>CLOG-MULTIMEDIA</code>. <code>HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-CAN-PLAY-THROUGH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-CAN-PLAY-THROUGH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-CAN-PLAY-THROUGH%20GENERIC-FUNCTION" >SET-ON-CAN-PLAY-THROUGH</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-CAN-PLAY-THROUGH-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-DURATION-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-DURATION-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-DURATION-CHANGE%20GENERIC-FUNCTION" >SET-ON-DURATION-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-DURATION-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-EMPTIED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-EMPTIED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-EMPTIED%20GENERIC-FUNCTION" >SET-ON-EMPTIED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-EMPTIED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-ENDED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ENDED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ENDED%20GENERIC-FUNCTION" >SET-ON-ENDED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-ENDED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-LOADED-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-LOADED-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-LOADED-DATA%20GENERIC-FUNCTION" >SET-ON-LOADED-DATA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-LOADED-DATA-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-LOADED-META-DATA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-LOADED-META-DATA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-LOADED-META-DATA%20GENERIC-FUNCTION" >SET-ON-LOADED-META-DATA</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-LOADED-META-DATA-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-LOAD-START-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-LOAD-START%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-LOAD-START%20GENERIC-FUNCTION" >SET-ON-LOAD-START</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-LOAD-START-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-PLAY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-PLAY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-PLAY%20GENERIC-FUNCTION" >SET-ON-PLAY</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-PLAY-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-PAUSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-PAUSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-PAUSE%20GENERIC-FUNCTION" >SET-ON-PAUSE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-PAUSE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-PLAYING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-PLAYING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-PLAYING%20GENERIC-FUNCTION" >SET-ON-PLAYING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-PLAYING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-PROGRESS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-PROGRESS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-PROGRESS%20GENERIC-FUNCTION" >SET-ON-PROGRESS</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-PROGRESS-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-RATE-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-RATE-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-RATE-CHANGE%20GENERIC-FUNCTION" >SET-ON-RATE-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-RATE-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SEEKED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SEEKED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SEEKED%20GENERIC-FUNCTION" >SET-ON-SEEKED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-SEEKED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SEEKING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SEEKING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SEEKING%20GENERIC-FUNCTION" >SET-ON-SEEKING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-SEEKING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-STALLED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-STALLED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-STALLED%20GENERIC-FUNCTION" >SET-ON-STALLED</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-STALLED-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-SUSPEND-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-SUSPEND%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-SUSPEND%20GENERIC-FUNCTION" >SET-ON-SUSPEND</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-SUSPEND-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-TIME-UPDATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-TIME-UPDATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-TIME-UPDATE%20GENERIC-FUNCTION" >SET-ON-TIME-UPDATE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-TIME-UPDATE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-VOLUME-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-VOLUME-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-VOLUME-CHANGE%20GENERIC-FUNCTION" >SET-ON-VOLUME-CHANGE</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-VOLUME-CHANGE-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-WAITING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-WAITING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-WAITING%20GENERIC-FUNCTION" >SET-ON-WAITING</a></span></span> <span class="locative-args">CLOG-MULTIMEDIA HANDLER</span></span></p>

<p>Set the ON-WAITING-HANDLER for <code>CLOG-MULTIMEDIA</code>.
<code>HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p>Clog-Audio - Class for CLOG Audio Control</p>

<p><a id="x-28CLOG-3ACLOG-AUDIO-20CLASS-29"></a>
<a id="CLOG:CLOG-AUDIO%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-AUDIO%20CLASS" >CLOG-AUDIO</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-MULTIMEDIA%20CLASS" title="CLOG:CLOG-MULTIMEDIA CLASS">CLOG-MULTIMEDIA</a></span></span></p>

<p>CLOG Audio class.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-AUDIO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-AUDIO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-AUDIO%20GENERIC-FUNCTION" >CREATE-AUDIO</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY SOURCE CONTROLS PRELOAD AUTOPLAY AUTOLOOP MUTED HTML-ID AUTO-PLACE</span></span></p>

<p>Create a CLOG Audio control</p></li>
</ul>

<p>Clog-Video - Class for CLOG Video Control</p>

<p><a id="x-28CLOG-3ACLOG-VIDEO-20CLASS-29"></a>
<a id="CLOG:CLOG-VIDEO%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-VIDEO%20CLASS" >CLOG-VIDEO</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-MULTIMEDIA%20CLASS" title="CLOG:CLOG-MULTIMEDIA CLASS">CLOG-MULTIMEDIA</a></span></span></p>

<p>CLOG Video class.</p></li>
</ul>

<p><a id="x-28CLOG-3ACREATE-VIDEO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-VIDEO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-VIDEO%20GENERIC-FUNCTION" >CREATE-VIDEO</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY SOURCE CONTROLS PRELOAD POSTER AUTOPLAY AUTOLOOP MUTED HTML-ID AUTO-PLACE</span></span></p>

<p>Create a CLOG video control</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-AUTH-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-AUTH%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-MULTIMEDIA%20MGL-PAX:SECTION" title="CLOG Multimedia Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-GUI%20MGL-PAX:SECTION" title="CLOG GUI Objects">&#8594;</a> <a href="#CLOG:@CLOG-AUTH%20MGL-PAX:SECTION" title="CLOG Auth Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-AUTH%20MGL-PAX:SECTION">19 CLOG Auth Objects</a></h2>

<h6>[in package CLOG-AUTH]</h6>

<p>CLOG-AUTH - Authentication</p>

<p><a id="x-28CLOG-AUTH-3AGET-AUTHENTICATION-TOKEN-20FUNCTION-29"></a>
<a id="CLOG-AUTH:GET-AUTHENTICATION-TOKEN%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:GET-AUTHENTICATION-TOKEN%20FUNCTION" >GET-AUTHENTICATION-TOKEN</a></span></span> <span class="locative-args">BODY &amp;KEY AUTH-PATH</span></span></p>

<p>Retrieve the stored authentication token</p></li>
</ul>

<p><a id="x-28CLOG-AUTH-3ASTORE-AUTHENTICATION-TOKEN-20FUNCTION-29"></a>
<a id="CLOG-AUTH:STORE-AUTHENTICATION-TOKEN%20FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:STORE-AUTHENTICATION-TOKEN%20FUNCTION" >STORE-AUTHENTICATION-TOKEN</a></span></span> <span class="locative-args">BODY TOKEN</span></span></li>
</ul>

<p><a id="x-28CLOG-AUTH-3AREMOVE-AUTHENTICATION-TOKEN-20FUNCTION-29"></a>
<a id="CLOG-AUTH:REMOVE-AUTHENTICATION-TOKEN%20FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:REMOVE-AUTHENTICATION-TOKEN%20FUNCTION" >REMOVE-AUTHENTICATION-TOKEN</a></span></span> <span class="locative-args">BODY</span></span></li>
</ul>

<p><a id="x-28CLOG-AUTH-3ASET-ON-AUTHENTICATION-CHANGE-20FUNCTION-29"></a>
<a id="CLOG-AUTH:SET-ON-AUTHENTICATION-CHANGE%20FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:SET-ON-AUTHENTICATION-CHANGE%20FUNCTION" >SET-ON-AUTHENTICATION-CHANGE</a></span></span> <span class="locative-args">BODY HANDLER</span></span></li>
</ul>

<p>CLOG-AUTH - Authorization</p>

<p><a id="x-28CLOG-AUTH-3AADD-AUTHORIZATION-20FUNCTION-29"></a>
<a id="CLOG-AUTH:ADD-AUTHORIZATION%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:ADD-AUTHORIZATION%20FUNCTION" >ADD-AUTHORIZATION</a></span></span> <span class="locative-args">ROLE-LIST ACTION-LIST</span></span></p>

<p>Add to each role in <code>ROLE-LIST</code> every action in <code>ACTION-LIST</code></p></li>
</ul>

<p><a id="x-28CLOG-AUTH-3AIS-AUTHORIZED-P-20FUNCTION-29"></a>
<a id="CLOG-AUTH:IS-AUTHORIZED-P%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-AUTH:IS-AUTHORIZED-P%20FUNCTION" >IS-AUTHORIZED-P</a></span></span> <span class="locative-args">ROLE-LIST ACTION</span></span></p>

<p>Given <code>ROLE-LIST</code> is action authorized. If action is nil returns t.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-GUI-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-GUI%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-AUTH%20MGL-PAX:SECTION" title="CLOG Auth Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-WEB%20MGL-PAX:SECTION" title="CLOG Web Objects">&#8594;</a> <a href="#CLOG:@CLOG-GUI%20MGL-PAX:SECTION" title="CLOG GUI Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-GUI%20MGL-PAX:SECTION">20 CLOG GUI Objects</a></h2>

<h6>[in package CLOG-GUI]</h6>

<p><code>CLOG-GUI</code> - Desktop GUI abstraction for CLOG</p>

<p><a id="x-28CLOG-GUI-3ACLOG-GUI-INITIALIZE-20FUNCTION-29"></a>
<a id="CLOG-GUI:CLOG-GUI-INITIALIZE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-GUI-INITIALIZE%20FUNCTION" >CLOG-GUI-INITIALIZE</a></span></span> <span class="locative-args">CLOG-BODY &amp;KEY (BODY-LEFT-OFFSET 0) (BODY-RIGHT-OFFSET 0) (USE-CLOG-DEBUGGER <code>NIL</code>) (STANDARD-OUTPUT <code>NIL</code>) (PARENT-DESKTOP-OBJ <code>NIL</code>) (W3-CSS-URL &quot;/css/w3.css&quot;) (JQUERY-UI-CSS &quot;/css/jquery-ui.css&quot;) (JQUERY-UI &quot;/js/jquery-ui.js&quot;)</span></span></p>

<p>Initializes clog-gui and installs a clog-gui object on the connection body.
If <code>W3-CSS-URL</code> has not been loaded before it is installed unless set to nil.
clog-gui uses jQueryUI and its default css file to provide client side
movement when needed, if client side movement is not used it is possible
to pass nil to the initilization function for both the jquery-ui-js and
jquery-ui-css options and there is no need to deliver the jQueryUI it with your
application. <code>BODY-LEFT-OFFSET</code> and <code>BODY-RIGHT-OFFSET</code> limit width on maximize.
parent-desktop-obj is used if this window is a popup or otherwise a
slave of another clog-gui page.
If use-clog-debugger then a graphical debugger is set for all events. If
standard-output is set <em>standard-output</em> for every event is redirected
to it.
<code>NOTE</code>: use-clog-debugger should not be set for security issues
      on non-secure environments.</p></li>
</ul>

<p><code>CLOG-GUI</code> - Menus</p>

<p><a id="x-28CLOG-GUI-3ACLOG-GUI-MENU-BAR-20CLASS-29"></a>
<a id="CLOG-GUI:CLOG-GUI-MENU-BAR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-GUI-MENU-BAR%20CLASS" >CLOG-GUI-MENU-BAR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Menu bar</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-BAR%20GENERIC-FUNCTION" >CREATE-GUI-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CLASS HTML-ID MAIN-MENU</span></span></p>

<p>Attached a menu bar to a <code>CLOG-OBJ</code> in general a
clog-body. If main-menu add as main menu bar.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACLOG-GUI-MENU-DROP-DOWN-20CLASS-29"></a>
<a id="CLOG-GUI:CLOG-GUI-MENU-DROP-DOWN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-GUI-MENU-DROP-DOWN%20CLASS" >CLOG-GUI-MENU-DROP-DOWN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Drop down menu</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-DROP-DOWN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-DROP-DOWN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-DROP-DOWN%20GENERIC-FUNCTION" >CREATE-GUI-MENU-DROP-DOWN</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &amp;KEY CONTENT CLASS HTML-ID RIGHT-ALIGN</span></span></p>

<p>Attached a menu bar drop-down to a <code>CLOG-GUI-MENU-BAR</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACLOG-GUI-MENU-ITEM-20CLASS-29"></a>
<a id="CLOG-GUI:CLOG-GUI-MENU-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-GUI-MENU-ITEM%20CLASS" >CLOG-GUI-MENU-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-SPAN%20CLASS" title="CLOG:CLOG-SPAN CLASS">CLOG-SPAN</a></span></span></p>

<p>Menu item</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-ITEM%20GENERIC-FUNCTION" >CREATE-GUI-MENU-ITEM</a></span></span> <span class="locative-args">CLOG-GUI-MENU-DROP-DOWN &amp;KEY CONTENT ON-CLICK CLASS HTML-ID</span></span></p>

<p>Attached a menu item to a <code>CLOG-GUI-MENU-DROP-DOWN</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-WINDOW-SELECT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-WINDOW-SELECT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-WINDOW-SELECT%20GENERIC-FUNCTION" >CREATE-GUI-MENU-WINDOW-SELECT</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CLASS CONTENT HTML-ID</span></span></p>

<p>Attaches a clog-select as a menu item that auto updates
with open windows and focuses them unless is a keep-on-top window. The
first menu-window-select will receive change window notices only.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-FULL-SCREEN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-FULL-SCREEN%20GENERIC-FUNCTION" >CREATE-GUI-MENU-FULL-SCREEN</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &amp;KEY HTML-ID</span></span></p>

<p>Add as last item in menu bar to allow for a full screen
icon ⤢ (<em>menu-full-screen-item</em> default) and full screen mode.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-MENU-ICON-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-MENU-ICON%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-MENU-ICON%20GENERIC-FUNCTION" >CREATE-GUI-MENU-ICON</a></span></span> <span class="locative-args">CLOG-GUI-MENU-BAR &amp;KEY IMAGE-URL ON-CLICK CLASS HTML-ID</span></span></p>

<p>Add icon as menu bar item.</p></li>
</ul>

<p><code>CLOG-GUI</code> - Window System</p>

<p><a id="x-28CLOG-GUI-3ACURRENT-WINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CURRENT-WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CURRENT-WINDOW%20GENERIC-FUNCTION" >CURRENT-WINDOW</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get the current selected clog-gui-window</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AMENU-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:MENU-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:MENU-BAR%20GENERIC-FUNCTION" >MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get/setf window menu-bar. This is set buy
create-gui-menu-bar.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AMENU-BAR-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:MENU-BAR-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:MENU-BAR-HEIGHT%20GENERIC-FUNCTION" >MENU-BAR-HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get menu-bar height</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-COLLECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-COLLECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-COLLECTION%20GENERIC-FUNCTION" >WINDOW-COLLECTION</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get hash table of open windows</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TO-TOP-BY-TITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TO-TOP-BY-TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TO-TOP-BY-TITLE%20GENERIC-FUNCTION" >WINDOW-TO-TOP-BY-TITLE</a></span></span> <span class="locative-args">CLOG-OBJ TITLE</span></span></p>

<p>Bring window with <code>TITLE</code> to top and return
window or nil if not found</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TO-TOP-BY-PARAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TO-TOP-BY-PARAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TO-TOP-BY-PARAM%20GENERIC-FUNCTION" >WINDOW-TO-TOP-BY-PARAM</a></span></span> <span class="locative-args">CLOG-OBJ PARAM</span></span></p>

<p>Bring window with <code>PARAM</code> to top and return
window or nil if not found</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-BY-TITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-BY-TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-BY-TITLE%20GENERIC-FUNCTION" >WINDOW-BY-TITLE</a></span></span> <span class="locative-args">CLOG-OBJ TITLE</span></span></p>

<p>Bring window with <code>TITLE</code> to top and return
window or nil if not found</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-BY-PARAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-BY-PARAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-BY-PARAM%20GENERIC-FUNCTION" >WINDOW-BY-PARAM</a></span></span> <span class="locative-args">CLOG-OBJ PARAM</span></span></p>

<p>Bring window with <code>PARAM</code> to top and return
window or nil if not found</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AREORIENT-ALL-WINDOWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:REORIENT-ALL-WINDOWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:REORIENT-ALL-WINDOWS%20GENERIC-FUNCTION" >REORIENT-ALL-WINDOWS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Reorient all windows. Remaximized any maximize windows
and leave any normalized windows as normalized. This is called by default
in on-resize, on-full-screen-change and on-orientation-change events.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AMAXIMIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:MAXIMIZE-ALL-WINDOWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:MAXIMIZE-ALL-WINDOWS%20GENERIC-FUNCTION" >MAXIMIZE-ALL-WINDOWS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Maximize all windows</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ANORMALIZE-ALL-WINDOWS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:NORMALIZE-ALL-WINDOWS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:NORMALIZE-ALL-WINDOWS%20GENERIC-FUNCTION" >NORMALIZE-ALL-WINDOWS</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Normalize all windows</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CHANGE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CHANGE</a></span></span> <span class="locative-args">CLOG-OBJ HANDLER</span></span></p>

<p>Set the on-window-change <code>HANDLER</code>.
The on-window-change clog-obj received is the new window</p></li>
</ul>

<p><code>CLOG-GUI</code> - Individual Windows</p>

<p><a id="x-28CLOG-GUI-3ACLOG-GUI-WINDOW-20CLASS-29"></a>
<a id="CLOG-GUI:CLOG-GUI-WINDOW%20CLASS"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-GUI-WINDOW%20CLASS" >CLOG-GUI-WINDOW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACREATE-GUI-WINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:CREATE-GUI-WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:CREATE-GUI-WINDOW%20GENERIC-FUNCTION" >CREATE-GUI-WINDOW</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY TITLE CONTENT LEFT TOP WIDTH HEIGHT MAXIMIZE HIDE-TITLE-BAR DRAG-CLIENT-AREA HAS-PINNER CLOSER-HTML KEEP-ON-TOP WINDOW-PARAM HIDDEN CLIENT-MOVEMENT NO-SIZER BORDER-CLASS TITLE-CLASS HTML-ID</span></span></p>

<p>Create a clog-gui-window. If client-movement is t then
use jquery-ui to move/resize and will not work on mobile and touch events
are limitted to clicks. When client-movement is t only on-window-move is fired
once at start of drag and on-window-move-done at end of drag and
on-window-resize at start of resize and on-window-resize-done at end of resize.
If has-pinner a toggle will appear on title bar to allow pinning the window in
place, if keep-on-top t then when pinned also will keep-on-top. If had-pinned
is nil and keep-on-top t then the window will be set to keep-on-top always.
window-param is a general parameter for identifiying the window to use with
window-to-top-by-param or window-by-param.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TITLE%20GENERIC-FUNCTION" >WINDOW-TITLE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Get/setf window title</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-ICON-AREA-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-ICON-AREA%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-ICON-AREA%20GENERIC-FUNCTION" >WINDOW-ICON-AREA</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Return the clog-obj for the icon-area to allow adding
custom icons on the title bar to the right of the close icon</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-PARAM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-PARAM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-PARAM%20GENERIC-FUNCTION" >WINDOW-PARAM</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Get/setf window param</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-CONTENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-CONTENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-CONTENT%20GENERIC-FUNCTION" >WINDOW-CONTENT</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Get window content element.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-FOCUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-FOCUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-FOCUS%20GENERIC-FUNCTION" >WINDOW-FOCUS</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> as focused window.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-CLOSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-CLOSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-CLOSE%20GENERIC-FUNCTION" >WINDOW-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Close <code>CLOG-GUI-WINDOW</code>. on-window-can-close is not called.
<code>CLOG-GUI-WINDOW</code> is removed from DOM but still present in the CLOG cache on
the browser.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-VALID-P-20FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-VALID-P%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-VALID-P%20FUNCTION" >WINDOW-VALID-P</a></span></span> <span class="locative-args">OBJ</span></span></p>

<p>Returns t if is a valid clog-gui-window. An invalid state
can occur when a popup slave desktop is closed by the OS or the window has
been previously closed. If the obj exists in the internal hash of windows
it is removed.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-MAXIMIZED-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-MAXIMIZED-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-MAXIMIZED-P%20GENERIC-FUNCTION" >WINDOW-MAXIMIZED-P</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> as maximized window.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-MAXIMIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-MAXIMIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-MAXIMIZE%20GENERIC-FUNCTION" >WINDOW-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW &amp;KEY FOCUS</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> as maximized window and
:focus (default t).</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-NORMALIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-NORMALIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-NORMALIZE%20GENERIC-FUNCTION" >WINDOW-NORMALIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW &amp;KEY FOCUS</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> as normalized window an
:focus (default t).</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TOGGLE-MAXIMIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TOGGLE-MAXIMIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TOGGLE-MAXIMIZE%20GENERIC-FUNCTION" >WINDOW-TOGGLE-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Toggle <code>CLOG-GUI-WINDOW</code> as maximize window.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TOGGLE-TITLE-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TOGGLE-TITLE-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TOGGLE-TITLE-BAR%20GENERIC-FUNCTION" >WINDOW-TOGGLE-TITLE-BAR</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW &amp;KEY STATE</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> title bar to visible or not (default t).</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-TOGGLE-PINNED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-TOGGLE-PINNED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-TOGGLE-PINNED%20GENERIC-FUNCTION" >WINDOW-TOGGLE-PINNED</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW &amp;KEY STATE KEEP-ON-TOP</span></span></p>

<p>Toggle the pinned state of a <code>CLOG-GUI-WINDOW</code>. A pinned
window cannot be moved, closed, resized, maximized or normalized. A new
window is always unpinned. If keep-on-top the keep-on-top state is toggled
to match the pinned state. :state forces state. Returns new state</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-KEEP-ON-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-KEEP-ON-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-KEEP-ON-TOP%20GENERIC-FUNCTION" >WINDOW-KEEP-ON-TOP</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW &amp;KEY STATE</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> to stay on top based on state (default t).</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-MAKE-MODAL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-MAKE-MODAL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-MAKE-MODAL%20GENERIC-FUNCTION" >WINDOW-MAKE-MODAL</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> to stay on top and prevent all other
interactions. Use window-end-modal to undo.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-END-MODAL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-END-MODAL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-END-MODAL%20GENERIC-FUNCTION" >WINDOW-END-MODAL</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Set <code>CLOG-GUI-WINDOW</code> to end modal state.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AWINDOW-CENTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:WINDOW-CENTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:WINDOW-CENTER%20GENERIC-FUNCTION" >WINDOW-CENTER</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW</span></span></p>

<p>Center <code>CLOG-GUI-WINDOW</code> in browser.</p></li>
</ul>

<p><code>CLOG-GUI</code> - Individual Window Events</p>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-FOCUS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-FOCUS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-FOCUS%20GENERIC-FUNCTION" >SET-ON-WINDOW-FOCUS</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-focus <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-BLUR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-BLUR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-BLUR%20GENERIC-FUNCTION" >SET-ON-WINDOW-BLUR</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-blur <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-CLOSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CAN-CLOSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CAN-CLOSE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CAN-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-can-close <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CLOSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CLOSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CLOSE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CLOSE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-close <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-MAXIMIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CAN-MAXIMIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CAN-MAXIMIZE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CAN-MAXIMIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-can-maximize <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-NORMALIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CAN-NORMALIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CAN-NORMALIZE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CAN-NORMALIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-can-normalize <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-MOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CAN-MOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CAN-MOVE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CAN-MOVE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-can-move <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-CAN-SIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-CAN-SIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-CAN-SIZE%20GENERIC-FUNCTION" >SET-ON-WINDOW-CAN-SIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-can-size <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-MOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-MOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-MOVE%20GENERIC-FUNCTION" >SET-ON-WINDOW-MOVE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-move <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-SIZE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-SIZE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-SIZE%20GENERIC-FUNCTION" >SET-ON-WINDOW-SIZE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-size <code>HANDLER</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-MOVE-DONE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-MOVE-DONE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-MOVE-DONE%20GENERIC-FUNCTION" >SET-ON-WINDOW-MOVE-DONE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-move-done <code>HANDLER</code>.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASET-ON-WINDOW-SIZE-DONE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-GUI:SET-ON-WINDOW-SIZE-DONE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-GUI:SET-ON-WINDOW-SIZE-DONE%20GENERIC-FUNCTION" >SET-ON-WINDOW-SIZE-DONE</a></span></span> <span class="locative-args">CLOG-GUI-WINDOW HANDLER</span></span></p>

<p>Set the on-window-size-done <code>HANDLER</code></p></li>
</ul>

<p><code>CLOG-GUI</code> - Dialog Boxes</p>

<p><a id="x-28CLOG-GUI-3AALERT-TOAST-20FUNCTION-29"></a>
<a id="CLOG-GUI:ALERT-TOAST%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:ALERT-TOAST%20FUNCTION" >ALERT-TOAST</a></span></span> <span class="locative-args">OBJ TITLE CONTENT &amp;KEY (COLOR-CLASS &quot;w3-red&quot;) (TIME-OUT <code>NIL</code>) (PLACE-TOP <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create an alert toast with option <code>:TIME-OUT</code>. If place-top is t then alert
is placed in DOM at top of html body instead of bottom of html body. Note,
when time-out alert-toast blocks and the toast is displayed for time-out or
until user closes the toast.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AALERT-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:ALERT-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:ALERT-DIALOG%20FUNCTION" >ALERT-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT &amp;KEY (MODAL <code>T</code>) (TITLE &quot;About&quot;) (TIME-OUT <code>NIL</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create an alert dialog box with <code>CONTENT</code> centered. If time-out
alert-dialog blocks till time-out reached or OK clicked.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AINPUT-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:INPUT-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:INPUT-DIALOG%20FUNCTION" >INPUT-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT ON-INPUT &amp;KEY (MODAL <code>T</code>) (TIME-OUT <code>NIL</code>) (TITLE &quot;Input&quot;) (SIZE 20) (ROWS 1) (PLACEHOLDER-VALUE &quot;&quot;) (DEFAULT-VALUE &quot;&quot;) IS-PASSWORD (SPELL-CHECK <code>T</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create an input dialog box with <code>CONTENT</code> centered and an input box.
Calls on-input with input box contents or nil if canceled. If time-out
block time-out seconds for responce or cancels dialog box then returns
result of on-input.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACONFIRM-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:CONFIRM-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:CONFIRM-DIALOG%20FUNCTION" >CONFIRM-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT ON-INPUT &amp;KEY (MODAL <code>T</code>) (TITLE &quot;Confirm&quot;) (OK-TEXT &quot;OK&quot;) (CANCEL-TEXT &quot;Cancel&quot;) (TIME-OUT <code>NIL</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 300) (HEIGHT 200) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create a confirmation dialog box with <code>CONTENT</code> centered.
Calls on-input with t if confirmed or nil if canceled.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3APROMPT-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:PROMPT-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:PROMPT-DIALOG%20FUNCTION" >PROMPT-DIALOG</a></span></span> <span class="locative-args">OBJ CALLBACK &amp;KEY (TITLE &quot;Prompt&quot;) (COMPLETION #'<code>LIST</code>(<a href="http://www.lispworks.com/documentation/HyperSpec/Body/t_list.htm" title="LIST (MGL-PAX:CLHS CLASS)"><code>0</code></a> <a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_list_.htm" title="LIST (MGL-PAX:CLHS FUNCTION)"><code>1</code></a>)) (VALIDATION (<a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_cons_1.htm" title="CONSTANTLY (MGL-PAX:CLHS FUNCTION)"><code>CONSTANTLY</code></a> <code>T</code>)) (PRESENTATION (<code>LAMBDA</code>(<a href="http://www.lispworks.com/documentation/HyperSpec/Body/s_lambda.htm" title="&quot;s_lambda&quot; (MGL-PAX:CLHS MGL-PAX:SECTION)"><code>0</code></a> <a href="http://www.lispworks.com/documentation/HyperSpec/Body/m_lambda.htm" title="LAMBDA (MGL-PAX:CLHS MGL-PAX:MACRO)"><code>1</code></a>) (IT) (<a href="http://www.lispworks.com/documentation/HyperSpec/Body/f_format.htm" title="FORMAT (MGL-PAX:CLHS FUNCTION)"><code>FORMAT</code></a> <code>NIL</code> &quot;~a&quot; IT))) (INITIAL-VALUE &quot;&quot;) (MODAL <code>T</code>) TIME-OUT LEFT TOP (WIDTH 390) (HEIGHT 425) MAXIMIZE CLIENT-MOVEMENT (KEEP-ON-TOP <code>T</code>) HTML-ID</span></span></p>

<p>Create a prompt dialog box with a selection of items generated by
the provided <code>COMPLETION</code> function.</p>

<p><code>COMPLETION</code> is a function that takes the current string and returns
a list of options.</p>

<p><code>VALIDATION</code> is a predicate that you can specify to prevent the user
from entering a malformed text input.</p>

<p><code>PRESENTATION</code> is used if <code>COMPLETION</code> yields something other than strings.</p>

<p>Pressing <Tab> will replace the input field with the top completion,
as you might expect in an IDE.  Clicking an item will also put it in
the input field.</p>

<p>Pressing <Escape> will cancel the prompt.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AFORM-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:FORM-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:FORM-DIALOG%20FUNCTION" >FORM-DIALOG</a></span></span> <span class="locative-args">OBJ CONTENT FIELDS ON-INPUT &amp;KEY (MODAL <code>T</code>) (TITLE &quot;Form&quot;) (OK-TEXT &quot;OK&quot;) (CANCEL-TEXT &quot;Cancel&quot;) (TIME-OUT <code>NIL</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 400) (HEIGHT 500) (SIZE 40) (ROWS 4) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create a form dialog box with <code>CONTENT</code> followed by <code>FIELDS</code>.
<code>FIELDS</code> is a list of lists each list has:</p>

<pre><code>(1) Field description  - Used for label
(2) Field name         - Used for (name attribute)
(3) Field type         - Optional (defaults to :text)
(4) Field type options - Optional
</code></pre>

<p>Special field types</p>

<p>Field Type     Field Type Options
   =============  ==================
   :filename      default dir -- <code>NOTE</code>: This is <em>server</em> side!
   :checkbox      t if checked
   :radiobox      a-list ((label name)) a third value can be added &quot;checked&quot;
   :select        a-list ((label name)) a third value can be added &quot;selected&quot;
   :textarea      value
   :text          value
     (any text input types also work :email, :tel, etc.
      see <a href="#CLOG:FORM-ELEMENT-TYPE%20TYPE" title="CLOG:FORM-ELEMENT-TYPE TYPE"><code>FORM-ELEMENT-TYPE</code></a>)</p>

<p>The size of any texarea field is controled by the size and rows parameters</p>

<p>Calls on-input after OK or Cancel with an a-list of field name to value
if confirmed or nil if canceled. If time-out is set the result of
on-input returned after either ok or cancel or time elapses.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ASERVER-FILE-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:SERVER-FILE-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:SERVER-FILE-DIALOG%20FUNCTION" >SERVER-FILE-DIALOG</a></span></span> <span class="locative-args">OBJ TITLE INITIAL-DIR ON-FILE-NAME &amp;KEY (MODAL <code>T</code>) (TIME-OUT <code>NIL</code>) (LEFT <code>NIL</code>) (TOP <code>NIL</code>) (WIDTH 390) (HEIGHT 425) (MAXIMIZE <code>NIL</code>) (INITIAL-FILENAME <code>NIL</code>) (CLIENT-MOVEMENT <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create a local file dialog box called <code>TITLE</code> using <code>INITIAL-DIR</code> on server
machine, upon close <code>ON-FILE-NAME</code> called with filename or nil if failure.
If time-out return result of on-file-name, cancels dialog if time runs out.</p></li>
</ul>

<p><code>CLOG-GUI</code> - Debugger</p>

<p><a id="x-28CLOG-GUI-3AWITH-CLOG-DEBUGGER-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG-GUI:WITH-CLOG-DEBUGGER%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG-GUI:WITH-CLOG-DEBUGGER%20MGL-PAX:MACRO" >WITH-CLOG-DEBUGGER</a></span></span> <span class="locative-args">(CLOG-OBJ &amp;KEY TITLE STANDARD-OUTPUT STANDARD-INPUT) &amp;BODY BODY</span></span></p>

<p>body uses a clog-gui based debugger instead of the console</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3AONE-OF-DIALOG-20FUNCTION-29"></a>
<a id="CLOG-GUI:ONE-OF-DIALOG%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:ONE-OF-DIALOG%20FUNCTION" >ONE-OF-DIALOG</a></span></span> <span class="locative-args">OBJ INTRO CHOICES &amp;KEY (TITLE &quot;Please choose one&quot;) (PROMPT &quot;Choice&quot;)</span></span></p>

<p>Prompt a dialog box with <code>TITLE</code> and <code>INTRO</code> using list of <code>CHOICES</code> and <code>PROMPT</code></p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ADIALOG-IN-STREAM-20CLASS-29"></a>
<a id="CLOG-GUI:DIALOG-IN-STREAM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:DIALOG-IN-STREAM%20CLASS" >DIALOG-IN-STREAM</a></span></span> <span class="locative-args">TRIVIAL-GRAY-STREAMS:FUNDAMENTAL-CHARACTER-INPUT-STREAM</span></span></p>

<p>dialog-in-stream and dialog-out-stream can be combined with
make-two-way-stream to provide a <em>query-io</em> using a clog-gui instead of console)</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ADIALOG-OUT-STREAM-20CLASS-29"></a>
<a id="CLOG-GUI:DIALOG-OUT-STREAM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-GUI:DIALOG-OUT-STREAM%20CLASS" >DIALOG-OUT-STREAM</a></span></span> <span class="locative-args">TRIVIAL-GRAY-STREAMS:FUNDAMENTAL-CHARACTER-OUTPUT-STREAM</span></span></p>

<p>dialog-in-stream and dialog-out-stream can be combined with
make-two-way-stream to provide a <em>query-io</em> using a clog-gui instead of console)</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACLOG-BREAK-20FUNCTION-29"></a>
<a id="CLOG-GUI:CLOG-BREAK%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-BREAK%20FUNCTION" >CLOG-BREAK</a></span></span> <span class="locative-args">&amp;KEY CLOG-BODY RUN (MODAL <code>T</code>)</span></span></p>

<p>Stop execution, funcall <code>RUN</code> with <code>CLOG-BODY</code> if set, if run returns :continue,
the execution continues. If <code>CLOG-BODY</code> not set use <em>clog-debug-instance</em>. Then
confirm continue execution on current thread or (break).</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3ACLOG-PROBE-20MGL-PAX-3AMACRO-29"></a>
<a id="CLOG-GUI:CLOG-PROBE%20MGL-PAX:MACRO"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[macro]</span> <span class="reference-object"><a href="#CLOG-GUI:CLOG-PROBE%20MGL-PAX:MACRO" >CLOG-PROBE</a></span></span> <span class="locative-args">SYMBOL &amp;KEY CLOG-BODY (TITLE &quot;&quot;) (TIME-OUT 600) TOP LEFT (WIDTH 400) (HEIGHT 300) AUTO-PROBE SAVE-VALUE (MODAL <code>T</code>)</span></span></p>

<p>Pause thread of execution for time-out numnber of seconds or nil to not
block execution, display symbol's value, value is changed if OK pressed at
the moment pressed. When time-out is nil, :q quits the probe and cancel
repeats the probe with out changing value. When time-out is nil modal is
always nil. If auto-probe is set, modal and time-out is set to nil and the
probe is run again in auto-probe seconds. If not tile is set, the symbol is
used for title. If save-value is true clog-gui:*probe* is set to value of
symbol before any change is made by dialog.</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2APROBE-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*PROBE*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*PROBE*%20VARIABLE" >*PROBE*</a></span></span> <span class="locative-args">NIL</span></span></p>

<p>Result value of a probe</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2ACLOG-DEBUG-INSTANCE-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*CLOG-DEBUG-INSTANCE*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*CLOG-DEBUG-INSTANCE*%20VARIABLE" >*CLOG-DEBUG-INSTANCE*</a></span></span> <span class="locative-args">NIL</span></span></p>

<p>Default location to open debugger windows</p></li>
</ul>

<p><code>CLOG-GUI</code> - Look and Feel</p>

<p><a id="x-28CLOG-GUI-3A-2AMENU-BAR-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-BAR-CLASS*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-BAR-CLASS*%20VARIABLE" >*MENU-BAR-CLASS*</a></span></span> <span class="locative-args">&quot;w3-bar w3-black w3-card-4&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2AMENU-BAR-DROP-DOWN-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-BAR-DROP-DOWN-CLASS*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-BAR-DROP-DOWN-CLASS*%20VARIABLE" >*MENU-BAR-DROP-DOWN-CLASS*</a></span></span> <span class="locative-args">&quot;w3-dropdown-content w3-bar-block w3-card-4&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2AMENU-ITEM-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-ITEM-CLASS*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-ITEM-CLASS*%20VARIABLE" >*MENU-ITEM-CLASS*</a></span></span> <span class="locative-args">&quot;w3-bar-item w3-button&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2AMENU-WINDOW-SELECT-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-WINDOW-SELECT-CLASS*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-WINDOW-SELECT-CLASS*%20VARIABLE" >*MENU-WINDOW-SELECT-CLASS*</a></span></span> <span class="locative-args">&quot;w3-bar-item w3-button&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2AMENU-FULL-SCREEN-ITEM-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-FULL-SCREEN-ITEM*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-FULL-SCREEN-ITEM*%20VARIABLE" >*MENU-FULL-SCREEN-ITEM*</a></span></span> <span class="locative-args">&quot;⤢&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2AMENU-ICON-IMAGE-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*MENU-ICON-IMAGE-CLASS*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*MENU-ICON-IMAGE-CLASS*%20VARIABLE" >*MENU-ICON-IMAGE-CLASS*</a></span></span> <span class="locative-args">&quot;w3-button w3-bar-item&quot;</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2ATOP-BAR-HEIGHT-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*TOP-BAR-HEIGHT*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*TOP-BAR-HEIGHT*%20VARIABLE" >*TOP-BAR-HEIGHT*</a></span></span> <span class="locative-args">20</span></span></p>

<p>Overlap on new windows created with top set as nil</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2ADEFAULT-ICON-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*DEFAULT-ICON*%20VARIABLE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*DEFAULT-ICON*%20VARIABLE" >*DEFAULT-ICON*</a></span></span> <span class="locative-args">&quot;
KgAAAAgABwEGAAMAAAABAAIAAAESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEo
AAMAAAABAAIAAAExAAIAAAAVAAAAcodpAAQAAAABAAAAiAAAAAAAAABIAAAAAQAAAEgAAAABUGl4
ZWxtYXRvciBQcm8gMi4wLjUAAAACoAIABAAAAAEAAAAgoAMABAAAAAEAAAAcAAAAAMSXmL0AAAAJ
cEhZcwAACxMAAAsTAQCanBgAAAQRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRh
IHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA2LjAuMCI+CiAgIDxy
ZGY6UkRGIHhtbG5zOnJkZj0iaHR ...</span></span></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2ADEFAULT-TITLE-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*DEFAULT-TITLE-CLASS*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*DEFAULT-TITLE-CLASS*%20VARIABLE" >*DEFAULT-TITLE-CLASS*</a></span></span> <span class="locative-args">&quot;w3-black&quot;</span></span></p>

<p>Window title bar class</p></li>
</ul>

<p><a id="x-28CLOG-GUI-3A-2ADEFAULT-BORDER-CLASS-2A-20VARIABLE-29"></a>
<a id="CLOG-GUI:*DEFAULT-BORDER-CLASS*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG-GUI:*DEFAULT-BORDER-CLASS*%20VARIABLE" >*DEFAULT-BORDER-CLASS*</a></span></span> <span class="locative-args">&quot;w3-card-4 w3-white w3-border&quot;</span></span></p>

<p>Window frame border</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-WEB-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-WEB%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-GUI%20MGL-PAX:SECTION" title="CLOG GUI Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION" title="CLOG Web DBI">&#8594;</a> <a href="#CLOG:@CLOG-WEB%20MGL-PAX:SECTION" title="CLOG Web Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-WEB%20MGL-PAX:SECTION">21 CLOG Web Objects</a></h2>

<h6>[in package CLOG-WEB]</h6>

<p><code>CLOG-WEB</code> - Web page abstraction for CLOG</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-INITIALIZE-20FUNCTION-29"></a>
<a id="CLOG-WEB:CLOG-WEB-INITIALIZE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-INITIALIZE%20FUNCTION" >CLOG-WEB-INITIALIZE</a></span></span> <span class="locative-args">CLOG-BODY &amp;KEY (W3-CSS-URL &quot;/css/w3.css&quot;)</span></span></p>

<p>Initializes clog-web and installs a clog-web object on connection.
If <code>W3-CSS-URL</code> has not been loaded before is installed unless is nil.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ASET-MAXIMUM-PAGE-WIDTH-IN-PIXELS-20FUNCTION-29"></a>
<a id="CLOG-WEB:SET-MAXIMUM-PAGE-WIDTH-IN-PIXELS%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:SET-MAXIMUM-PAGE-WIDTH-IN-PIXELS%20FUNCTION" >SET-MAXIMUM-PAGE-WIDTH-IN-PIXELS</a></span></span> <span class="locative-args">CLOG-BODY WIDTH</span></span></p>

<p>The default width is 980 pixels.</p></li>
</ul>

<p><code>CLOG-WEB</code> - General Containers</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-PANEL-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-PANEL%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-PANEL%20CLASS" >CLOG-WEB-PANEL</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Panel for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-PANEL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-PANEL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-PANEL%20GENERIC-FUNCTION" >CREATE-WEB-PANEL</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-panel. General container with 16px left
and right padding and 16x top and bottom margin. If hidden is t then then the
visiblep propetery will be set to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-CONTENT-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-CONTENT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-CONTENT%20CLASS" >CLOG-WEB-CONTENT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Content for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-CONTENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-CONTENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-CONTENT%20GENERIC-FUNCTION" >CREATE-WEB-CONTENT</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT MAXIMUM-WIDTH HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-content. General container with 16px left
and right padding. If hidden is t then then the visiblep propetery will be set
to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-CODE-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-CODE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-CODE%20CLASS" >CLOG-WEB-CODE</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Code for web code</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-CODE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-CODE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-CODE%20GENERIC-FUNCTION" >CREATE-WEB-CODE</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-code. Code content container.
If hidden is t then then the visiblep propetery will be set
to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-MAIN-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-MAIN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-MAIN%20CLASS" >CLOG-WEB-MAIN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Main for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MAIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MAIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MAIN%20GENERIC-FUNCTION" >CREATE-WEB-MAIN</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-main. Container for main content
when using a collapsable sidebar or other whole page shifting
technique. If hidden is t then then the visiblep propetery will be set
to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-SIDEBAR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-SIDEBAR%20CLASS" >CLOG-WEB-SIDEBAR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Sidebar for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-SIDEBAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-SIDEBAR%20GENERIC-FUNCTION" >CREATE-WEB-SIDEBAR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-sidebar. Container for sidebar content.
sidebars are create with the display property set to :none if hidden it t
and :block if nil. In general the visiblep property is used in clog, however
in clog-web-sidebar the block property is needed to activate its animations
if used. If using a sidebar that will take space and not collapse, make sure
to set the sidebar's size and set a margin equal to the size on the main
container.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-ITEM-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-SIDEBAR-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-SIDEBAR-ITEM%20CLASS" >CLOG-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-BUTTON%20CLASS" title="CLOG:CLOG-BUTTON CLASS">CLOG-BUTTON</a></span></span></p>

<p>Sidebar-Item for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-SIDEBAR-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-SIDEBAR-ITEM%20GENERIC-FUNCTION" >CREATE-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-sidebar-item. A sidebar menu bar item.
If hidden is t then then the visiblep propetery will be set to nil on
creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-SIDEBAR-ITEM-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-SIDEBAR-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-SIDEBAR-ITEM%20CLASS" >CLOG-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-BUTTON%20CLASS" title="CLOG:CLOG-BUTTON CLASS">CLOG-BUTTON</a></span></span></p>

<p>Sidebar-Item for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-SIDEBAR-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-SIDEBAR-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-SIDEBAR-ITEM%20GENERIC-FUNCTION" >CREATE-WEB-SIDEBAR-ITEM</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-sidebar-item. A sidebar menu bar item.
If hidden is t then then the visiblep propetery will be set to nil on
creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-COMPOSITOR-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-COMPOSITOR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-COMPOSITOR%20CLASS" >CLOG-WEB-COMPOSITOR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Compositor for compositing layers of web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-COMPOSITOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-COMPOSITOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-COMPOSITOR%20GENERIC-FUNCTION" >CREATE-WEB-COMPOSITOR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-compositor. Allows compositing of content
on top of other content. Content is added as children and then
composit-location is called on the object of that content. If hidden is t then
then the visiblep propetery will be set to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AWEB-PADDING-CLASS-TYPE-20TYPE-29"></a>
<a id="CLOG-WEB:WEB-PADDING-CLASS-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG-WEB:WEB-PADDING-CLASS-TYPE%20TYPE" >WEB-PADDING-CLASS-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-ON-HOVER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-ON-HOVER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-ON-HOVER%20GENERIC-FUNCTION" >COMPOSITE-ON-HOVER</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on on-hover.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-POSITION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-POSITION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-POSITION%20GENERIC-FUNCTION" >COMPOSITE-POSITION</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY TOP LEFT PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> to coordinate top left.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-TOP-MIDDLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-TOP-MIDDLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-TOP-MIDDLE%20GENERIC-FUNCTION" >COMPOSITE-TOP-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on top-middle.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-TOP-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-TOP-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-TOP-LEFT%20GENERIC-FUNCTION" >COMPOSITE-TOP-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on top-left.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-TOP-RIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-TOP-RIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-TOP-RIGHT%20GENERIC-FUNCTION" >COMPOSITE-TOP-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on top-right.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-MIDDLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-BOTTOM-MIDDLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-BOTTOM-MIDDLE%20GENERIC-FUNCTION" >COMPOSITE-BOTTOM-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on bottom-middle.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-BOTTOM-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-BOTTOM-LEFT%20GENERIC-FUNCTION" >COMPOSITE-BOTTOM-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on bottom-left.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-BOTTOM-RIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-BOTTOM-RIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-BOTTOM-RIGHT%20GENERIC-FUNCTION" >COMPOSITE-BOTTOM-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on bottom-right.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-MIDDLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-MIDDLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-MIDDLE%20GENERIC-FUNCTION" >COMPOSITE-MIDDLE</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on middle.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-LEFT%20GENERIC-FUNCTION" >COMPOSITE-LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on left.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACOMPOSITE-RIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:COMPOSITE-RIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:COMPOSITE-RIGHT%20GENERIC-FUNCTION" >COMPOSITE-RIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT &amp;KEY PADDING-CLASS</span></span></p>

<p>Composite <code>CLOG-ELEMENT</code> on right.</p></li>
</ul>

<p><code>CLOG-WEB</code> - Auto Layout System</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-AUTO-ROW-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-AUTO-ROW%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-AUTO-ROW%20CLASS" >CLOG-WEB-AUTO-ROW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Content for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-AUTO-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-AUTO-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-AUTO-ROW%20GENERIC-FUNCTION" >CREATE-WEB-AUTO-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-auto-row. Container for auto-columns
If hidden is t then then the visiblep propetery will be set to nil on
creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-AUTO-COLUMN-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-AUTO-COLUMN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-AUTO-COLUMN%20CLASS" >CLOG-WEB-AUTO-COLUMN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Content for web content</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-AUTO-COLUMN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-AUTO-COLUMN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-AUTO-COLUMN%20GENERIC-FUNCTION" >CREATE-WEB-AUTO-COLUMN</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT VERTICAL-ALIGN HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-auto-column. Container for auto-columns
If hidden is t then then the visiblep propetery will be set to nil on
creation.</p></li>
</ul>

<p><code>CLOG-WEB</code> - 12 Column Grid Layout System</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-ROW-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-ROW%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-ROW%20CLASS" >CLOG-WEB-ROW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Row to contain columns of web content in 12 column grid</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-ROW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-ROW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-ROW%20GENERIC-FUNCTION" >CREATE-WEB-ROW</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY PADDING HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-row. If padding is true 8px left and
right padding is addded. If hidden is t then then the visiblep propetery will
be set to nil on creation.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-CONTAINER-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-CONTAINER%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-CONTAINER%20CLASS" >CLOG-WEB-CONTAINER</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Container cells for web content in 12 column grid</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-CONTAINER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-CONTAINER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-CONTAINER%20GENERIC-FUNCTION" >CREATE-WEB-CONTAINER</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CONTENT COLUMN-SIZE HIDDEN CLASS HTML-ID</span></span></p>

<p>Create a clog-web-container. <code>COLUMN-SIZE</code> can be of type
container-size-type when to set size displayed on medium and large screens
or can use a string of &quot;s1-12 m1-12 l1-12&quot; s m or l followed by how many
columns this container uses on small, medium or large screens. Small screens
are always displayed full row. Total columns must add to 12 or one needs to
be of type :w3-rest to fill space. If hidden is t then then the visiblep
propetery will be set to nil on creation.</p></li>
</ul>

<p><code>CLOG-WEB</code> - Look and Feel</p>

<p><a id="x-28CLOG-WEB-3AADD-CARD-LOOK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:ADD-CARD-LOOK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:ADD-CARD-LOOK%20GENERIC-FUNCTION" >ADD-CARD-LOOK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Change clog-element to use 2px card look</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AADD-HARD-CARD-LOOK-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:ADD-HARD-CARD-LOOK%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:ADD-HARD-CARD-LOOK%20GENERIC-FUNCTION" >ADD-HARD-CARD-LOOK</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Change clog-element to use 4px card look</p></li>
</ul>

<p><code>CLOG-WEB</code> - Mobile</p>

<p><a id="x-28CLOG-WEB-3AFULL-ROW-ON-MOBILE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:FULL-ROW-ON-MOBILE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:FULL-ROW-ON-MOBILE%20GENERIC-FUNCTION" >FULL-ROW-ON-MOBILE</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Change element to display:block, take up the full row, when
screen size smaller then 601 pixels DP</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AHIDE-ON-SMALL-SCREENS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:HIDE-ON-SMALL-SCREENS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:HIDE-ON-SMALL-SCREENS%20GENERIC-FUNCTION" >HIDE-ON-SMALL-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Hide element on screens smaller then 601 pixels DP</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AHIDE-ON-MEDIUM-SCREENS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:HIDE-ON-MEDIUM-SCREENS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:HIDE-ON-MEDIUM-SCREENS%20GENERIC-FUNCTION" >HIDE-ON-MEDIUM-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Hide element on screens smaller then 993 pixels DP</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AHIDE-ON-LARGE-SCREENS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:HIDE-ON-LARGE-SCREENS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:HIDE-ON-LARGE-SCREENS%20GENERIC-FUNCTION" >HIDE-ON-LARGE-SCREENS</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Hide element on screens smaller then 993 pixels DP</p></li>
</ul>

<p><code>CLOG-WEB</code> - Menus</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-MENU-BAR-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-MENU-BAR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-MENU-BAR%20CLASS" >CLOG-WEB-MENU-BAR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Menu bar</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MENU-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MENU-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MENU-BAR%20GENERIC-FUNCTION" >CREATE-WEB-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY CLASS HTML-ID</span></span></p>

<p>Attach a menu bar to a <code>CLOG-OBJ</code> generally a
clog-body.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AWEB-MENU-BAR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:WEB-MENU-BAR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:WEB-MENU-BAR%20GENERIC-FUNCTION" >WEB-MENU-BAR</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get/setf window web-menu-bar. This is set buy
create-web-menu-bar.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AWEB-MENU-BAR-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:WEB-MENU-BAR-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:WEB-MENU-BAR-HEIGHT%20GENERIC-FUNCTION" >WEB-MENU-BAR-HEIGHT</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Get web-menu-bar height</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-MENU-DROP-DOWN-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-MENU-DROP-DOWN%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-MENU-DROP-DOWN%20CLASS" >CLOG-WEB-MENU-DROP-DOWN</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-DIV%20CLASS" title="CLOG:CLOG-DIV CLASS">CLOG-DIV</a></span></span></p>

<p>Drop down menu</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MENU-DROP-DOWN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MENU-DROP-DOWN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MENU-DROP-DOWN%20GENERIC-FUNCTION" >CREATE-WEB-MENU-DROP-DOWN</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &amp;KEY CONTENT CLASS HTML-ID</span></span></p>

<p>Attached a menu bar drop-down to a <code>CLOG-WEB-MENU-BAR</code></p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-MENU-ITEM-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-MENU-ITEM%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-MENU-ITEM%20CLASS" >CLOG-WEB-MENU-ITEM</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-SPAN%20CLASS" title="CLOG:CLOG-SPAN CLASS">CLOG-SPAN</a></span></span></p>

<p>Menu item</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MENU-ITEM-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MENU-ITEM%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MENU-ITEM%20GENERIC-FUNCTION" >CREATE-WEB-MENU-ITEM</a></span></span> <span class="locative-args">CLOG-WEB-MENU-DROP-DOWN &amp;KEY CONTENT LINK ON-CLICK CLASS HTML-ID</span></span></p>

<p>Attached a menu item to a <code>CLOG-WEB-MENU-DROP-DOWN</code>.
Use to set a link or on-click to set an on-click handler</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MENU-FULL-SCREEN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MENU-FULL-SCREEN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MENU-FULL-SCREEN%20GENERIC-FUNCTION" >CREATE-WEB-MENU-FULL-SCREEN</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &amp;KEY HTML-ID</span></span></p>

<p>Add as last item in menu bar to allow for a full screen
icon ⤢ and full screen mode.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-MENU-ICON-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-MENU-ICON%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-MENU-ICON%20GENERIC-FUNCTION" >CREATE-WEB-MENU-ICON</a></span></span> <span class="locative-args">CLOG-WEB-MENU-BAR &amp;KEY IMAGE-URL ON-CLICK CLASS HTML-ID</span></span></p>

<p>Add icon as menu bar item.</p></li>
</ul>

<p><code>CLOG-WEB</code> - Interactions</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-ALERT-20FUNCTION-29"></a>
<a id="CLOG-WEB:CLOG-WEB-ALERT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-ALERT%20FUNCTION" >CLOG-WEB-ALERT</a></span></span> <span class="locative-args">OBJ TITLE CONTENT &amp;KEY (COLOR-CLASS &quot;w3-red&quot;) (TIME-OUT <code>NIL</code>) (PLACE-TOP <code>NIL</code>) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create an alert toast with option <code>:TIME-OUT</code>. If place-top is t then alert
is placed in DOM at top of <code>OBJ</code> instead of bottom of <code>OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-FORM-20FUNCTION-29"></a>
<a id="CLOG-WEB:CLOG-WEB-FORM%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-FORM%20FUNCTION" >CLOG-WEB-FORM</a></span></span> <span class="locative-args">OBJ CONTENT FIELDS ON-INPUT &amp;KEY (MODAL <code>NIL</code>) (OK-TEXT &quot;OK&quot;) (CANCEL-TEXT &quot;Cancel&quot;) (BORDER-CLASS &quot;w3-border&quot;) (TEXT-CLASS &quot;w3-text-black&quot;) (COLOR-CLASS &quot;w3-black&quot;) (HTML-ID <code>NIL</code>)</span></span></p>

<p>Create a form with <code>CONTENT</code> followed by <code>FIELDS</code>.
<code>FIELDS</code> is a list of lists each list has:</p>

<pre><code>(1) Field description  - Used for label
(2) Field name         - Used for (name attribute)
(3) Field type         - Optional (defaults to :text)
(4) Field type options - Optional
</code></pre>

<p>Special field types</p>

<p>Field Type     Field Type Options
   =============  ==================
   :checkbox      t if checked
   :radiobox      a-list ((label name)) a third value can be added &quot;checked&quot;
   :select        a-list ((label name)) a third value can be added &quot;selected&quot;
   :text          value
     (any text input types also work :email, :tel, etc.
      see <a href="#CLOG:FORM-ELEMENT-TYPE%20TYPE" title="CLOG:FORM-ELEMENT-TYPE TYPE"><code>FORM-ELEMENT-TYPE</code></a>)</p>

<p>Calls on-input after OK or Cancel with an a-list of field name to value
if confirmed or nil if canceled. <code>CANCEL-TEXT</code> is only displayed if modal is t</p>

<p>If clog-web-site is being used the class class setting will be replaced with
the value if set in the theme settings.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AFORM-RESULT-20FUNCTION-29"></a>
<a id="CLOG-WEB:FORM-RESULT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:FORM-RESULT%20FUNCTION" >FORM-RESULT</a></span></span> <span class="locative-args">RESULT KEY</span></span></p>

<p>Return the value for <code>KEY</code> from <code>RESULT</code></p></li>
</ul>

<p><code>CLOG-WEB</code> - Websites</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-SITE-20CLASS-29"></a>
<a id="CLOG-WEB:CLOG-WEB-SITE%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-SITE%20CLASS" >CLOG-WEB-SITE</a></span></span></span></p>

<p>Website information</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-SITE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-SITE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-SITE%20GENERIC-FUNCTION" >CREATE-WEB-SITE</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY SETTINGS PROFILE ROLES THEME URL TITLE FOOTER LOGO</span></span></p>

<p>Attach a clog-web-site to a <code>CLOG-OBJ</code> generally a
clog-body.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AGET-WEB-SITE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:GET-WEB-SITE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:GET-WEB-SITE%20GENERIC-FUNCTION" >GET-WEB-SITE</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Retrieve the clog-web-site object created on <code>CLOG-OBJ</code>'s
connection</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACREATE-WEB-PAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:CREATE-WEB-PAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:CREATE-WEB-PAGE%20GENERIC-FUNCTION" >CREATE-WEB-PAGE</a></span></span> <span class="locative-args">CLOG-OBJ PAGE PROPERTIES &amp;KEY AUTHORIZE</span></span></p>

<p>Use the clog-web-site <a href="#CLOG-WEB:THEME%20GENERIC-FUNCTION" title="CLOG-WEB:THEME GENERIC-FUNCTION"><code>THEME</code></a> to create <code>PAGE</code> with
<code>CLOG-OBJ</code> as parent. <code>PAGE</code> is a symbol to identify the pages purpose to
the website theme. Themes are required to provide certain default
pages see clog-web-themes file. If <code>AUTHORIZE</code> then <code>PAGE</code> is used also as
a <a href="#CLOG:CLOG-A%20CLASS" title="CLOG:CLOG-A CLASS"><code>CLOG-A</code></a>uth action to be checked if the current users roles have
permission to <code>PAGE</code></p></li>
</ul>

<p><a href="#CLOG-WEB:CLOG-WEB-SITE%20CLASS" title="CLOG-WEB:CLOG-WEB-SITE CLASS"><code>CLOG-WEB-SITE</code></a> - Accessors</p>

<p><a id="x-28CLOG-WEB-3ATHEME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:THEME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:THEME%20GENERIC-FUNCTION" >THEME</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEB-3ASETTINGS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:SETTINGS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:SETTINGS%20GENERIC-FUNCTION" >SETTINGS</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEB-3APROFILE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:PROFILE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:PROFILE%20GENERIC-FUNCTION" >PROFILE</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEB-3AROLES-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:ROLES%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:ROLES%20GENERIC-FUNCTION" >ROLES</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3AURL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL%20GENERIC-FUNCTION" >URL</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf full url. Setting the <code>URL</code> causes navgation to <code>URL</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3ATITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TITLE%20GENERIC-FUNCTION" >TITLE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get/setf title.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AFOOTER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:FOOTER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:FOOTER%20GENERIC-FUNCTION" >FOOTER</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-WEB-3ALOGO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG-WEB:LOGO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG-WEB:LOGO%20GENERIC-FUNCTION" >LOGO</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><code>CLOG-WEB</code> - Utilities</p>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-ROUTES-FROM-MENU-20FUNCTION-29"></a>
<a id="CLOG-WEB:CLOG-WEB-ROUTES-FROM-MENU%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-ROUTES-FROM-MENU%20FUNCTION" >CLOG-WEB-ROUTES-FROM-MENU</a></span></span> <span class="locative-args">MENU</span></span></p>

<p>Use a menu to setup a route for each menu item that has a third
element.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ACLOG-WEB-META-20FUNCTION-29"></a>
<a id="CLOG-WEB:CLOG-WEB-META%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:CLOG-WEB-META%20FUNCTION" >CLOG-WEB-META</a></span></span> <span class="locative-args">DESCRIPTION</span></span></p>

<p>Returns a boot-function for use with <a href="#CLOG:INITIALIZE%20FUNCTION" title="CLOG:INITIALIZE FUNCTION"><code>CLOG:INITIALIZE</code></a> to add meta
and no-script body information for search engines with <code>DESCRIPTION</code>.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ABASE-URL-P-20FUNCTION-29"></a>
<a id="CLOG-WEB:BASE-URL-P%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:BASE-URL-P%20FUNCTION" >BASE-URL-P</a></span></span> <span class="locative-args">BASE-URL URL-PATH</span></span></p>

<p>True if url-path is based on base-url</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AADJUST-FOR-BASE-URL-20FUNCTION-29"></a>
<a id="CLOG-WEB:ADJUST-FOR-BASE-URL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:ADJUST-FOR-BASE-URL%20FUNCTION" >ADJUST-FOR-BASE-URL</a></span></span> <span class="locative-args">BASE-URL URL-PATH</span></span></p>

<p>If url-path is not on base-url return base-url otherwise url-path</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3ABASE-URL-SPLIT-20FUNCTION-29"></a>
<a id="CLOG-WEB:BASE-URL-SPLIT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:BASE-URL-SPLIT%20FUNCTION" >BASE-URL-SPLIT</a></span></span> <span class="locative-args">BASE-URL URL-PATH</span></span></p>

<p>Split path by / adjusting for base-url</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-WEB-DBI-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-WEB%20MGL-PAX:SECTION" title="CLOG Web Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION" title="CLOG Web Site Themes">&#8594;</a> <a href="#CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION" title="CLOG Web DBI">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION">22 CLOG Web DBI</a></h2>

<h6>[in package CLOG-WEB-DBI]</h6>

<p>Authentication</p>

<p><a id="x-28CLOG-WEB-DBI-3ALOGIN-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:LOGIN%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:LOGIN%20FUNCTION" >LOGIN</a></span></span> <span class="locative-args">BODY SQL-CONNECTION USERNAME PASSWORD</span></span></p>

<p>Login and set current authentication token, it does not remove token
if one is present and login fails.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ALOGOUT-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:LOGOUT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:LOGOUT%20FUNCTION" >LOGOUT</a></span></span> <span class="locative-args">BODY</span></span></p>

<p>Logout and remove current authenitcation token</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3AGET-PROFILE-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:GET-PROFILE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:GET-PROFILE%20FUNCTION" >GET-PROFILE</a></span></span> <span class="locative-args">OBJ SQL-CONNECTION</span></span></p>

<p>Retrieve profile based on current authentication token. If there is
no token or fails to match as user returns nil</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ASIGN-UP-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:SIGN-UP%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:SIGN-UP%20FUNCTION" >SIGN-UP</a></span></span> <span class="locative-args">BODY SQL-CONNECTION &amp;KEY (TITLE &quot;Sign Up&quot;) (NEXT-STEP &quot;/login&quot;)</span></span></p>

<p>Setup a sign-up form and process a new sign-up</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ACHANGE-PASSWORD-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:CHANGE-PASSWORD%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:CHANGE-PASSWORD%20FUNCTION" >CHANGE-PASSWORD</a></span></span> <span class="locative-args">BODY SQL-CONNECTION &amp;KEY (TITLE &quot;Change Password&quot;) (NEXT-STEP &quot;/&quot;)</span></span></p>

<p>Setup a change password form and handle change of password</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ARESET-PASSWORD-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:RESET-PASSWORD%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:RESET-PASSWORD%20FUNCTION" >RESET-PASSWORD</a></span></span> <span class="locative-args">SQL-CONNECTION USERNAME &amp;KEY (NEW-PASSWORD &quot;password&quot;)</span></span></p>

<p>Reset <code>USERNAME</code>'s password to <code>:NEW-PASSWORD</code></p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3AMAKE-TOKEN-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:MAKE-TOKEN%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:MAKE-TOKEN%20FUNCTION" >MAKE-TOKEN</a></span></span></span></p>

<p>Create a unique token used to associate a browser with a user</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ALOAD-CONTENT-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:LOAD-CONTENT%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:LOAD-CONTENT%20FUNCTION" >LOAD-CONTENT</a></span></span> <span class="locative-args">SQL-CONNECTION TABLE KEY-VALUE &amp;KEY (KEY-COL &quot;key&quot;) WHERE ORDER-BY</span></span></p>

<p>Returns list of records found in <code>TABLE</code> where <code>KEY-COL</code> = <code>KEY-VALUE</code> and
optional <code>WHERE</code> and <code>ORDER-BY</code> sql.</p></li>
</ul>

<p><a id="x-28CLOG-WEB-DBI-3ACREATE-BASE-TABLES-20FUNCTION-29"></a>
<a id="CLOG-WEB-DBI:CREATE-BASE-TABLES%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB-DBI:CREATE-BASE-TABLES%20FUNCTION" >CREATE-BASE-TABLES</a></span></span> <span class="locative-args">SQL-CONNECTION &amp;KEY (SQL-TIMESTAMP-FUNC <a href="#CLOG:*SQLITE-TIMESTAMP*%20VARIABLE" title="CLOG:*SQLITE-TIMESTAMP* VARIABLE"><code>*SQLITE-TIMESTAMP*</code></a>)</span></span></p>

<p>Create default tables</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-WEB-THEMES-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-WEB-DBI%20MGL-PAX:SECTION" title="CLOG Web DBI">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-BODY%20MGL-PAX:SECTION" title="CLOG Body Objects">&#8594;</a> <a href="#CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION" title="CLOG Web Site Themes">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION">23 CLOG Web Site Themes</a></h2>

<h6>[in package CLOG-WEB]</h6>

<p>Theme helpers</p>

<p><a id="x-28CLOG-WEB-3AGET-SETTING-20FUNCTION-29"></a>
<a id="CLOG-WEB:GET-SETTING%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:GET-SETTING%20FUNCTION" >GET-SETTING</a></span></span> <span class="locative-args">WEBSITE KEY DEFAULT</span></span></p>

<p>Return the setting for <code>KEY</code> or <code>DEFAULT</code> from website settings</p></li>
</ul>

<p><a id="x-28CLOG-WEB-3AGET-PROPERTY-20FUNCTION-29"></a>
<a id="CLOG-WEB:GET-PROPERTY%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:GET-PROPERTY%20FUNCTION" >GET-PROPERTY</a></span></span> <span class="locative-args">PROPERTIES KEY DEFAULT</span></span></p>

<p>Return the property for <code>KEY</code> from the p-list <code>PROPERTIES</code> or <code>DEFAULT</code></p></li>
</ul>

<p>Built in themes</p>

<p><a id="x-28CLOG-WEB-3ADEFAULT-THEME-20FUNCTION-29"></a>
<a id="CLOG-WEB:DEFAULT-THEME%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG-WEB:DEFAULT-THEME%20FUNCTION" >DEFAULT-THEME</a></span></span> <span class="locative-args">BODY PAGE PROPERTIES</span></span></p>

<p>The default theme for clog-web-site.
Settings available:
  :color-class   - w3 color class for menu bars and buttons (def: w3-black)
  :border-class  - w3 border (def: &quot;&quot;)
  :text-class    - w3 text color class (def: &quot;&quot;)
  :signup-link   - link to signup (def: /signup)
  :login-link    - link to login (def: /login)
  :username-link - link when clicking on username (def: /logout)
Page properties:
  :menu - ((&quot;Menu Name&quot; ((&quot;Menu Item&quot; &quot;link&quot;)))) (def: nil)
  :content - (def: &quot;&quot;)</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-BODY-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-BODY%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-WEB-THEMES%20MGL-PAX:SECTION" title="CLOG Web Site Themes">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION" title="CLOG Window Objects">&#8594;</a> <a href="#CLOG:@CLOG-BODY%20MGL-PAX:SECTION" title="CLOG Body Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-BODY%20MGL-PAX:SECTION">24 CLOG Body Objects</a></h2>

<p>CLOG-Body - CLOG Body Objects</p>

<p><a id="x-28CLOG-3ACLOG-BODY-20CLASS-29"></a>
<a id="CLOG:CLOG-BODY%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-BODY%20CLASS" >CLOG-BODY</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG Body Object encapsulate the view in the window.</p></li>
</ul>

<p>CLOG-Body - Properties</p>

<p><a id="x-28CLOG-3ARUN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RUN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RUN%20GENERIC-FUNCTION" >RUN</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>

<p>Keeps the original connection thread alive to allow post
user close of connection / browser. Run returns when the browser
connection has been severed, acting like an on-close event, only lisp objects
still exist at this point and no queries can be made to browser or
DOM elements.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-HTML-ON-CLOSE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-HTML-ON-CLOSE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-HTML-ON-CLOSE%20GENERIC-FUNCTION" >SET-HTML-ON-CLOSE</a></span></span> <span class="locative-args">CLOG-BODY HTML</span></span></p>

<p>In case of connection loss to this <code>CLOG-BODY</code>,
replace the browser contents with <code>HTML</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AWINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:WINDOW%20GENERIC-FUNCTION" >WINDOW</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>

<p>Reader for CLOG-Window object</p></li>
</ul>

<p><a id="x-28CLOG-3AHTML-DOCUMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HTML-DOCUMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HTML-DOCUMENT%20GENERIC-FUNCTION" >HTML-DOCUMENT</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>

<p>Reader for CLOG-Document object</p></li>
</ul>

<p><a id="x-28CLOG-3ALOCATION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOCATION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOCATION%20GENERIC-FUNCTION" >LOCATION</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>

<p>Reader for CLOG-Location object</p></li>
</ul>

<p><a id="x-28CLOG-3ANAVIGATOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NAVIGATOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NAVIGATOR%20GENERIC-FUNCTION" >NAVIGATOR</a></span></span> <span class="locative-args">CLOG-BODY</span></span></p>

<p>Reader for CLOG-Navigator object</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-WINDOW-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-BODY%20MGL-PAX:SECTION" title="CLOG Body Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION" title="CLOG Document Objects">&#8594;</a> <a href="#CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION" title="CLOG Window Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION">25 CLOG Window Objects</a></h2>

<p>CLOG Popups</p>

<p><a id="x-28CLOG-3A-2ACLOG-POPUP-PATH-2A-20VARIABLE-29"></a>
<a id="CLOG:*CLOG-POPUP-PATH*%20VARIABLE"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[variable]</span> <span class="reference-object"><a href="#CLOG:*CLOG-POPUP-PATH*%20VARIABLE" >*CLOG-POPUP-PATH*</a></span></span> <span class="locative-args">&quot;/clogwin&quot;</span></span></p>

<p>Default <a href="#CLOG:URL%20GENERIC-FUNCTION" title="CLOG:URL GENERIC-FUNCTION"><code>URL</code></a> for popup windows</p></li>
</ul>

<p><a id="x-28CLOG-3AENABLE-CLOG-POPUP-20FUNCTION-29"></a>
<a id="CLOG:ENABLE-CLOG-POPUP%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:ENABLE-CLOG-POPUP%20FUNCTION" >ENABLE-CLOG-POPUP</a></span></span> <span class="locative-args">&amp;KEY (PATH <a href="#CLOG:*CLOG-POPUP-PATH*%20VARIABLE" title="CLOG:*CLOG-POPUP-PATH* VARIABLE"><code>*CLOG-POPUP-PATH*</code></a>) (BOOT-FILE &quot;/boot.html&quot;)</span></span></p>

<p>Enable handling of clog enabled popups</p></li>
</ul>

<p><a id="x-28CLOG-3AOPEN-CLOG-POPUP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OPEN-CLOG-POPUP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OPEN-CLOG-POPUP%20GENERIC-FUNCTION" >OPEN-CLOG-POPUP</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY PATH ADD-SYNC-TO-PATH SYNC-KEY NAME SPECS WAIT-TIMEOUT</span></span></p>

<p>Open a new browser window/popup in most cases a tab.
Since they are controlled by clog you have full control of the new popups
and are more flexible than using open-windo. Returns the clog-body and the
clog-window in the same connnection as obj of the new window on the new
connection or nil if failed within <code>:WAIT-TIMEOUT</code></p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-POPUP-OPENNED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOG-POPUP-OPENNED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOG-POPUP-OPENNED%20GENERIC-FUNCTION" >CLOG-POPUP-OPENNED</a></span></span> <span class="locative-args">CLOG-OBJ SYNC-KEY</span></span></p>

<p>Used to notify open-clog-popup the new popup window
is ready used for custom clog-popup handlers.</p></li>
</ul>

<p><a id="x-28CLOG-3AIN-CLOG-POPUP-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:IN-CLOG-POPUP-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:IN-CLOG-POPUP-P%20GENERIC-FUNCTION" >IN-CLOG-POPUP-P</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Returns obj if clog-gui-window is a in a clog-popup window</p></li>
</ul>

<p>CLOG-Window - CLOG Window Objects</p>

<p><a id="x-28CLOG-3ACLOG-WINDOW-20CLASS-29"></a>
<a id="CLOG:CLOG-WINDOW%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-WINDOW%20CLASS" >CLOG-WINDOW</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></p>

<p>CLOG Window Objects encapsulate the window.</p></li>
</ul>

<p>CLOG-Window - Properties</p>

<p><a id="x-28CLOG-3AWINDOW-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:WINDOW-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:WINDOW-NAME%20GENERIC-FUNCTION" >WINDOW-NAME</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get/Setf name for use by hyperlink &quot;target&quot; for this
window.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-REWRITE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-REWRITE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-REWRITE%20GENERIC-FUNCTION" >URL-REWRITE</a></span></span> <span class="locative-args">CLOG-WINDOW REWRITE-URL</span></span></p>

<p>Rewrite browser history and url with <code>REWRITE-URL</code>
no redirection of browser takes place. <code>REWRITE-URL</code> must be same domain.</p></li>
</ul>

<p><a id="x-28CLOG-3AINNER-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INNER-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INNER-HEIGHT%20GENERIC-FUNCTION" >INNER-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf inner-height. Includes padding but not border.</p></li>
</ul>

<p><a id="x-28CLOG-3AINNER-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INNER-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INNER-WIDTH%20GENERIC-FUNCTION" >INNER-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf inner-width. Includes padding but not border.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-HEIGHT%20GENERIC-FUNCTION" >OUTER-HEIGHT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-height. Includes padding and border but not
margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AOUTER-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OUTER-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OUTER-WIDTH%20GENERIC-FUNCTION" >OUTER-WIDTH</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get outer-width. Includes padding and border
but not margin.</p></li>
</ul>

<p><a id="x-28CLOG-3AX-OFFSET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:X-OFFSET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:X-OFFSET%20GENERIC-FUNCTION" >X-OFFSET</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get/Setf browser window x offset from left edge.</p></li>
</ul>

<p><a id="x-28CLOG-3AY-OFFSET-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:Y-OFFSET%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:Y-OFFSET%20GENERIC-FUNCTION" >Y-OFFSET</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get/Setf browser window y offset from top edge.</p></li>
</ul>

<p><a id="x-28CLOG-3ALEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LEFT%20GENERIC-FUNCTION" >LEFT</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf left (defaults to us :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3ATOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TOP%20GENERIC-FUNCTION" >TOP</a></span></span> <span class="locative-args">CLOG-ELEMENT</span></span></p>

<p>Get/Setf top (defaults to use :px units).</p></li>
</ul>

<p><a id="x-28CLOG-3APIXEL-RATIO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PIXEL-RATIO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PIXEL-RATIO%20GENERIC-FUNCTION" >PIXEL-RATIO</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get device pixel ratio.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-WIDTH%20GENERIC-FUNCTION" >SCREEN-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get screen width.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-HEIGHT%20GENERIC-FUNCTION" >SCREEN-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get screen height.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-AVAILABLE-WIDTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-AVAILABLE-WIDTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-AVAILABLE-WIDTH%20GENERIC-FUNCTION" >SCREEN-AVAILABLE-WIDTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get available screen width.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-AVAILABLE-HEIGHT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-AVAILABLE-HEIGHT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-AVAILABLE-HEIGHT%20GENERIC-FUNCTION" >SCREEN-AVAILABLE-HEIGHT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get available screen height.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-AVAILABLE-TOP-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-AVAILABLE-TOP%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-AVAILABLE-TOP%20GENERIC-FUNCTION" >SCREEN-AVAILABLE-TOP</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get available screen top.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-AVAILABLE-LEFT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-AVAILABLE-LEFT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-AVAILABLE-LEFT%20GENERIC-FUNCTION" >SCREEN-AVAILABLE-LEFT</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get available screen left.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCREEN-COLOR-DEPTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCREEN-COLOR-DEPTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCREEN-COLOR-DEPTH%20GENERIC-FUNCTION" >SCREEN-COLOR-DEPTH</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Get screen color depth.</p></li>
</ul>

<p>CLOG-Window - Methods</p>

<p><a id="x-28CLOG-3AALERT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ALERT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ALERT%20GENERIC-FUNCTION" >ALERT</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>

<p>Launch an alert box. Note that as long as not dismissed
events and messages may not be trasmitted on most browsers.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOG-CONSOLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOG-CONSOLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOG-CONSOLE%20GENERIC-FUNCTION" >LOG-CONSOLE</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>

<p>Print message to browser console.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOG-ERROR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOG-ERROR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOG-ERROR%20GENERIC-FUNCTION" >LOG-ERROR</a></span></span> <span class="locative-args">CLOG-WINDOW MESSAGE</span></span></p>

<p>Print error message to browser console.</p></li>
</ul>

<p><a id="x-28CLOG-3APRINT-WINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PRINT-WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PRINT-WINDOW%20GENERIC-FUNCTION" >PRINT-WINDOW</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Send browser window to printer.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-BY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-BY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-BY%20GENERIC-FUNCTION" >SCROLL-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Scroll browser window by x y.</p></li>
</ul>

<p><a id="x-28CLOG-3ASCROLL-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SCROLL-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SCROLL-TO%20GENERIC-FUNCTION" >SCROLL-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Scroll browser window to x y.</p></li>
</ul>

<p><a id="x-28CLOG-3AOPEN-WINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:OPEN-WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:OPEN-WINDOW%20GENERIC-FUNCTION" >OPEN-WINDOW</a></span></span> <span class="locative-args">CLOG-WINDOW URL &amp;KEY NAME SPECS</span></span></p>

<p>This will launch a new window of current browser where
<code>CLOG-WINDOW</code> is displayed (remote or local) and returns a new clog-window.
In modern browsers it is very limitted to just open a new tab with url
unless is a localhost url.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOSE-WINDOW-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOSE-WINDOW%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOSE-WINDOW%20GENERIC-FUNCTION" >CLOSE-WINDOW</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Close browser window.</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOSE-CONNECTION-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CLOSE-CONNECTION%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CLOSE-CONNECTION%20GENERIC-FUNCTION" >CLOSE-CONNECTION</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Close connection to browser with out closing browser.</p></li>
</ul>

<p><a id="x-28CLOG-3AREQUEST-ANIMATION-FRAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REQUEST-ANIMATION-FRAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REQUEST-ANIMATION-FRAME%20GENERIC-FUNCTION" >REQUEST-ANIMATION-FRAME</a></span></span> <span class="locative-args">CLOG-WINDOW</span></span></p>

<p>Requests the browser to send an on-animation-frame
on the next screen redraw. This event only fires one time per request.
The data parementer of the event function contains the time stamp
to the millisecond.</p></li>
</ul>

<p>CLOG-Window - Events</p>

<p><a id="x-28CLOG-3ASET-ON-ABORT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ABORT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ABORT%20GENERIC-FUNCTION" >SET-ON-ABORT</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ABORT-HANDLER</span></span></p>

<p>Set the <code>ON-ABORT-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>. If <code>ON-ABORT-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-ERROR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ERROR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ERROR%20GENERIC-FUNCTION" >SET-ON-ERROR</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ERROR-HANDLER</span></span></p>

<p>Set the <code>ON-ERROR-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>. If <code>ON-ERROR-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-BEFORE-UNLOAD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-BEFORE-UNLOAD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-BEFORE-UNLOAD%20GENERIC-FUNCTION" >SET-ON-BEFORE-UNLOAD</a></span></span> <span class="locative-args">CLOG-WINDOW ON-BEFORE-UNLOAD-HANDLER</span></span></p>

<p>Set the <code>ON-BEFORE-UNLOAD-HANDLER</code> for <code>CLOG-WINDOW</code>.
Return and empty string in order to prevent navigation off page.
If <code>ON-BEFORE-UNLOAD-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-HASH-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-HASH-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-HASH-CHANGE%20GENERIC-FUNCTION" >SET-ON-HASH-CHANGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-HASH-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-HASH-CHANGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>. If
<code>ON-HASH-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-ORIENTATION-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ORIENTATION-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ORIENTATION-CHANGE%20GENERIC-FUNCTION" >SET-ON-ORIENTATION-CHANGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ORIENTATION-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-ORIENTATION-CHANGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>.
If <code>ON-ORIENTATION-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-ANIMATION-FRAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-ANIMATION-FRAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-ANIMATION-FRAME%20GENERIC-FUNCTION" >SET-ON-ANIMATION-FRAME</a></span></span> <span class="locative-args">CLOG-WINDOW ON-ANIMATION-FRAME-HANDLER</span></span></p>

<p>Set the <code>ON-ANIMATION-FRAME-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a> the data
parameter of the function is the time stamp. If
<code>ON-ANIMATION-FRAME-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3AMOVE-WINDOW-BY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MOVE-WINDOW-BY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MOVE-WINDOW-BY%20GENERIC-FUNCTION" >MOVE-WINDOW-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Move browser window by x y.</p></li>
</ul>

<p><a id="x-28CLOG-3AMOVE-WINDOW-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:MOVE-WINDOW-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:MOVE-WINDOW-TO%20GENERIC-FUNCTION" >MOVE-WINDOW-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Move browser window to x y.</p></li>
</ul>

<p><a id="x-28CLOG-3ARESIZE-BY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RESIZE-BY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RESIZE-BY%20GENERIC-FUNCTION" >RESIZE-BY</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Resize browser window by x y.</p></li>
</ul>

<p><a id="x-28CLOG-3ARESIZE-TO-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RESIZE-TO%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RESIZE-TO%20GENERIC-FUNCTION" >RESIZE-TO</a></span></span> <span class="locative-args">CLOG-WINDOW X Y</span></span></p>

<p>Resize browser window to x y.</p></li>
</ul>

<p>CLOG-Window - History</p>

<p><a id="x-28CLOG-3ASET-ON-POP-STATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-POP-STATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-POP-STATE%20GENERIC-FUNCTION" >SET-ON-POP-STATE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-POP-STATE-HANDLER</span></span></p>

<p>Set the <code>ON-POP-STATE-HANDLER</code> for <code>CLOG-WINDOW</code>. If <code>ON-POP-STATE-HANDLER</code>
is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-PUSH-STATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-PUSH-STATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-PUSH-STATE%20GENERIC-FUNCTION" >URL-PUSH-STATE</a></span></span> <span class="locative-args">CLOG-WINDOW REWRITE-URL</span></span></p>

<p>Method adds an entry to the browser's session history stack.</p></li>
</ul>

<p>CLOG-Window - Storage Methods</p>

<p><a id="x-28CLOG-3ASTORAGE-TYPE-20TYPE-29"></a>
<a id="CLOG:STORAGE-TYPE%20TYPE"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[type]</span> <span class="reference-object"><a href="#CLOG:STORAGE-TYPE%20TYPE" >STORAGE-TYPE</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3ASTORAGE-LENGTH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STORAGE-LENGTH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STORAGE-LENGTH%20GENERIC-FUNCTION" >STORAGE-LENGTH</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE</span></span></p>

<p>Number of entries in browser <code>STORAGE-TYPE</code>.
(local = persistant or session)</p></li>
</ul>

<p><a id="x-28CLOG-3ASTORAGE-KEY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STORAGE-KEY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STORAGE-KEY%20GENERIC-FUNCTION" >STORAGE-KEY</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NUM</span></span></p>

<p>Return the key for entry number <code>KEY-NUM</code> in browser
<code>STORAGE-TYPE</code>. (local = persistant or session)</p></li>
</ul>

<p><a id="x-28CLOG-3ASTORAGE-REMOVE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STORAGE-REMOVE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STORAGE-REMOVE%20GENERIC-FUNCTION" >STORAGE-REMOVE</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NAME</span></span></p>

<p>Remove the storage key and value in browser
<code>STORAGE-TYPE</code>. (local = persistant or session)</p></li>
</ul>

<p><a id="x-28CLOG-3ASTORAGE-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:STORAGE-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:STORAGE-ELEMENT%20GENERIC-FUNCTION" >STORAGE-ELEMENT</a></span></span> <span class="locative-args">CLOG-WINDOW STORAGE-TYPE KEY-NAME</span></span></p>

<p>Get/Setf storage-element on browser client.</p></li>
</ul>

<p>CLOG-Window - Storage Events</p>

<p><a id="x-28CLOG-3ASET-ON-STORAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-STORAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-STORAGE%20GENERIC-FUNCTION" >SET-ON-STORAGE</a></span></span> <span class="locative-args">CLOG-WINDOW ON-STORAGE-HANDLER</span></span></p>

<p>Set the <code>ON-STORAGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>. The
on-storage event is fired for changes to :local storage keys.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-DOCUMENT-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-WINDOW%20MGL-PAX:SECTION" title="CLOG Window Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION" title="CLOG Location Objects">&#8594;</a> <a href="#CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION" title="CLOG Document Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION">26 CLOG Document Objects</a></h2>

<p>CLOG-Document - CLOG Document Objects</p>

<p><a id="x-28CLOG-3ACLOG-DOCUMENT-20CLASS-29"></a>
<a id="CLOG:CLOG-DOCUMENT%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-DOCUMENT%20CLASS" >CLOG-DOCUMENT</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></p>

<p>CLOG Document Objects encapsulate the document.</p></li>
</ul>

<p><a id="x-28CLOG-3ADOMAIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DOMAIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DOMAIN%20GENERIC-FUNCTION" >DOMAIN</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get domain.</p></li>
</ul>

<p><a id="x-28CLOG-3AINPUT-ENCODING-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:INPUT-ENCODING%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:INPUT-ENCODING%20GENERIC-FUNCTION" >INPUT-ENCODING</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get input encoding.</p></li>
</ul>

<p><a id="x-28CLOG-3ALAST-MODIFIED-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LAST-MODIFIED%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LAST-MODIFIED%20GENERIC-FUNCTION" >LAST-MODIFIED</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get last modified.</p></li>
</ul>

<p><a id="x-28CLOG-3AREFERER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:REFERER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:REFERER%20GENERIC-FUNCTION" >REFERER</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get referer.</p></li>
</ul>

<p><a id="x-28CLOG-3ATITLE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:TITLE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:TITLE%20GENERIC-FUNCTION" >TITLE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get/setf title.</p></li>
</ul>

<p><a id="x-28CLOG-3ADOCUMENT-URL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DOCUMENT-URL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DOCUMENT-URL%20GENERIC-FUNCTION" >DOCUMENT-URL</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get url.</p></li>
</ul>

<p><a id="x-28CLOG-3AHEAD-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HEAD-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HEAD-ELEMENT%20GENERIC-FUNCTION" >HEAD-ELEMENT</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Reader for Head Element object</p></li>
</ul>

<p><a id="x-28CLOG-3ABODY-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:BODY-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:BODY-ELEMENT%20GENERIC-FUNCTION" >BODY-ELEMENT</a></span></span> <span class="locative-args">OBJECT</span></span></li>
</ul>

<p><a id="x-28CLOG-3ADOCUMENT-ELEMENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:DOCUMENT-ELEMENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:DOCUMENT-ELEMENT%20GENERIC-FUNCTION" >DOCUMENT-ELEMENT</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Reader for Body Element object</p></li>
</ul>

<p><a id="x-28CLOG-3AVISIBILITY-STATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VISIBILITY-STATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VISIBILITY-STATE%20GENERIC-FUNCTION" >VISIBILITY-STATE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get visibility-state. Returns the string 'visible' if
browser is in non-minmized state and is partialy visible and 'hidden' is
browser is minimized or no part of page is visible including an OS screen
lock.</p></li>
</ul>

<p><a id="x-28CLOG-3AREADY-STATE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:READY-STATE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:READY-STATE%20GENERIC-FUNCTION" >READY-STATE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Get ready-state. Returns 'loading'|'interactive'|'complete'.
The state would only change if the boot-page was still loading css, graphics, etc.
Under normal circumstance there is no need in CLOG to check if the state is ready
as on-new-window is only called once one can interact with page. See also
<a href="#CLOG:SET-ON-READY-STATE-CHANGE%20GENERIC-FUNCTION" title="CLOG:SET-ON-READY-STATE-CHANGE GENERIC-FUNCTION"><code>SET-ON-READY-STATE-CHANGE</code></a></p></li>
</ul>

<p><a id="x-28CLOG-3ALOAD-CSS-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOAD-CSS%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOAD-CSS%20GENERIC-FUNCTION" >LOAD-CSS</a></span></span> <span class="locative-args">CLOG-DOCUMENT CSS-URL &amp;KEY LOAD-ONLY-ONCE</span></span></p>

<p>Load css from <code>CSS-URL</code>. If <code>LOAD-ONLY-ONCE</code> load-css
returns t if load-css previously called otherwise loads the css and
returns css-url.</p></li>
</ul>

<p><a id="x-28CLOG-3ALOAD-SCRIPT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LOAD-SCRIPT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LOAD-SCRIPT%20GENERIC-FUNCTION" >LOAD-SCRIPT</a></span></span> <span class="locative-args">CLOG-DOCUMENT SCRIPT-URL &amp;KEY WAIT-FOR-LOAD WAIT-TIMEOUT LOAD-ONLY-ONCE</span></span></p>

<p>Load script from <code>SCRIPT-URL</code>. If <code>WAIT-FOR-LOAD</code>
is t, load-script will not return until script load is completed or
<code>WAIT-TIMEOUT</code> passes and load-script returns nil otherwise script-url.
If <code>LOAD-ONLY-ONCE</code> is t first checks if previously loaded with load-script.</p></li>
</ul>

<p><a id="x-28CLOG-3APUT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PUT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PUT%20GENERIC-FUNCTION" >PUT</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>

<p>Write text to browser document object.</p></li>
</ul>

<p><a id="x-28CLOG-3APUT-LINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PUT-LINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PUT-LINE%20GENERIC-FUNCTION" >PUT-LINE</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>

<p>Write text to browser document object with new-line.</p></li>
</ul>

<p><a id="x-28CLOG-3APUT-BR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PUT-BR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PUT-BR%20GENERIC-FUNCTION" >PUT-BR</a></span></span> <span class="locative-args">CLOG-DOCUMENT MESSAGE</span></span></p>

<p>Write text to browser document object with <br>new-line.</p></li>
</ul>

<p><a id="x-28CLOG-3ANEW-LINE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:NEW-LINE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:NEW-LINE%20GENERIC-FUNCTION" >NEW-LINE</a></span></span> <span class="locative-args">CLOG-DOCUMENT</span></span></p>

<p>Write to browser document <br>new-line.</p></li>
</ul>

<p>CLOG-Document - Events</p>

<p><a id="x-28CLOG-3ASET-ON-FULL-SCREEN-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-FULL-SCREEN-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-FULL-SCREEN-CHANGE%20GENERIC-FUNCTION" >SET-ON-FULL-SCREEN-CHANGE</a></span></span> <span class="locative-args">CLOG-DOCUMENT ON-FULL-SCREEN-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-FULL-SCREEN-CHANGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>.
If <code>ON-FULL-SCREEN-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-VISIBILITY-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-VISIBILITY-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-VISIBILITY-CHANGE%20GENERIC-FUNCTION" >SET-ON-VISIBILITY-CHANGE</a></span></span> <span class="locative-args">CLOG-DOCUMENT ON-VISIBILITY-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-VISIBILITY-CHANGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>.
If <code>ON-VISIBILITY-CHANGE-HANDLER</code> is nil unbind the event. This event
is fired when the page visibility has changed such as a tab being
switch of browser minimized. Use the <a href="#CLOG:VISIBILITY-STATE%20GENERIC-FUNCTION" title="CLOG:VISIBILITY-STATE GENERIC-FUNCTION"><code>VISIBILITY-STATE</code></a> property to
identify chage.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-READY-STATE-CHANGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-READY-STATE-CHANGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-READY-STATE-CHANGE%20GENERIC-FUNCTION" >SET-ON-READY-STATE-CHANGE</a></span></span> <span class="locative-args">CLOG-DOCUMENT ON-READY-STATE-CHANGE-HANDLER</span></span></p>

<p>Set the <code>ON-READY-STATE-CHANGE-HANDLER</code> for <a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS"><code>CLOG-OBJ</code></a>.
If <code>ON-READY-STATE-CHANGE-HANDLER</code> is nil unbind the event.</p></li>
</ul>

<p><a id="x-28CLOG-3ASET-ON-LOAD-SCRIPT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SET-ON-LOAD-SCRIPT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SET-ON-LOAD-SCRIPT%20GENERIC-FUNCTION" >SET-ON-LOAD-SCRIPT</a></span></span> <span class="locative-args">CLOG-DOCUMENT HANDLER &amp;KEY CANCEL-EVENT ONE-TIME</span></span></p>

<p>Set a <code>HANDLER</code> for script load complete on CLOG-document.
the handler (clog-obj data) data is the script-url used to load it.
The handler should be installed on the document before calling load-script.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-LOCATION-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-DOCUMENT%20MGL-PAX:SECTION" title="CLOG Document Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION" title="CLOG Navigator Objects">&#8594;</a> <a href="#CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION" title="CLOG Location Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION">27 CLOG Location Objects</a></h2>

<p>Clog-Location - CLOG Location Objects</p>

<p><a id="x-28CLOG-3ACLOG-LOCATION-20CLASS-29"></a>
<a id="CLOG:CLOG-LOCATION%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-LOCATION%20CLASS" >CLOG-LOCATION</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></p>

<p>CLOG Location Objects encapsulate the location.</p></li>
</ul>

<p>CLOG-Location - Properties</p>

<p><a id="x-28CLOG-3AURL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL%20GENERIC-FUNCTION" >URL</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf full url. Setting the <code>URL</code> causes navgation to <code>URL</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AHASH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HASH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HASH%20GENERIC-FUNCTION" >HASH</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url hash.</p></li>
</ul>

<p><a id="x-28CLOG-3AHOST-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HOST%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HOST%20GENERIC-FUNCTION" >HOST</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url host.</p></li>
</ul>

<p><a id="x-28CLOG-3AHOST-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:HOST-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:HOST-NAME%20GENERIC-FUNCTION" >HOST-NAME</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url host name.</p></li>
</ul>

<p><a id="x-28CLOG-3AORIGIN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:ORIGIN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:ORIGIN%20GENERIC-FUNCTION" >ORIGIN</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get url origin.</p></li>
</ul>

<p><a id="x-28CLOG-3APATH-NAME-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PATH-NAME%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PATH-NAME%20GENERIC-FUNCTION" >PATH-NAME</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url path-name.</p></li>
</ul>

<p><a id="x-28CLOG-3APORT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PORT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PORT%20GENERIC-FUNCTION" >PORT</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url port.</p></li>
</ul>

<p><a id="x-28CLOG-3APROTOCOL-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:PROTOCOL%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:PROTOCOL%20GENERIC-FUNCTION" >PROTOCOL</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url protocol.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-SEARCH-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-SEARCH%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-SEARCH%20GENERIC-FUNCTION" >URL-SEARCH</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Get/Setf url-search.</p></li>
</ul>

<p>CLOG-Location - Methods</p>

<p><a id="x-28CLOG-3ARELOAD-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:RELOAD%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:RELOAD%20GENERIC-FUNCTION" >RELOAD</a></span></span> <span class="locative-args">CLOG-LOCATION</span></span></p>

<p>Reload browser window.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-REPLACE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-REPLACE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-REPLACE%20GENERIC-FUNCTION" >URL-REPLACE</a></span></span> <span class="locative-args">CLOG-LOCATION REPLACE-URL</span></span></p>

<p>Replace browser url, i.e. a redirection and current <a href="#CLOG:URL%20GENERIC-FUNCTION" title="CLOG:URL GENERIC-FUNCTION"><code>URL</code></a> not
saved in session history and back button will not return to it.</p></li>
</ul>

<p><a id="x-28CLOG-3AURL-ASSIGN-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:URL-ASSIGN%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:URL-ASSIGN%20GENERIC-FUNCTION" >URL-ASSIGN</a></span></span> <span class="locative-args">CLOG-LOCATION ASSIGN-URL</span></span></p>

<p>Assign browser url, i.e. a redirection to assign-url
that will be saved in session histoy and back button will return to it.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-NAVIGATOR-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-LOCATION%20MGL-PAX:SECTION" title="CLOG Location Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION" title="CLOG jQuery Objects">&#8594;</a> <a href="#CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION" title="CLOG Navigator Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION">28 CLOG Navigator Objects</a></h2>

<p>CLOG-Navigator - CLOG Navigator Objects</p>

<p><a id="x-28CLOG-3ACLOG-NAVIGATOR-20CLASS-29"></a>
<a id="CLOG:CLOG-NAVIGATOR%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-NAVIGATOR%20CLASS" >CLOG-NAVIGATOR</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-OBJ%20CLASS" title="CLOG:CLOG-OBJ CLASS">CLOG-OBJ</a></span></span></p>

<p>CLOG Navigator Objects encapsulate the navigator.</p></li>
</ul>

<p>CLOG-Navigator - Properties</p>

<p><a id="x-28CLOG-3ACOOKIE-ENABLED-P-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:COOKIE-ENABLED-P%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:COOKIE-ENABLED-P%20GENERIC-FUNCTION" >COOKIE-ENABLED-P</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>

<p>Get if cookie enabled.</p></li>
</ul>

<p><a id="x-28CLOG-3ALANGUAGE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:LANGUAGE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:LANGUAGE%20GENERIC-FUNCTION" >LANGUAGE</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>

<p>Get user prefered language.</p></li>
</ul>

<p><a id="x-28CLOG-3AUSER-AGENT-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:USER-AGENT%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:USER-AGENT%20GENERIC-FUNCTION" >USER-AGENT</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>

<p>Get user agent.</p></li>
</ul>

<p><a id="x-28CLOG-3AVENDOR-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:VENDOR%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:VENDOR%20GENERIC-FUNCTION" >VENDOR</a></span></span> <span class="locative-args">CLOG-NAVIGATOR</span></span></p>

<p>Get browser vendor.</p></li>
</ul>

<p>CLOG-Navigator - Clipboard</p>

<p><a id="x-28CLOG-3ASYSTEM-CLIPBOARD-WRITE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SYSTEM-CLIPBOARD-WRITE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SYSTEM-CLIPBOARD-WRITE%20GENERIC-FUNCTION" >SYSTEM-CLIPBOARD-WRITE</a></span></span> <span class="locative-args">CLOG-OBJ TEXT</span></span></p>

<p>Write text to system clipboard</p></li>
</ul>

<p><a id="x-28CLOG-3ASYSTEM-CLIPBOARD-READ-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:SYSTEM-CLIPBOARD-READ%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:SYSTEM-CLIPBOARD-READ%20GENERIC-FUNCTION" >SYSTEM-CLIPBOARD-READ</a></span></span> <span class="locative-args">CLOG-OBJ &amp;KEY WAIT-TIMEOUT</span></span></p>

<p>Read text from system clipboard and return text.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-JQUERY-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-NAVIGATOR%20MGL-PAX:SECTION" title="CLOG Navigator Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION" title="CLOG Helper Functions">&#8594;</a> <a href="#CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION" title="CLOG jQuery Objects">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION">29 CLOG jQuery Objects</a></h2>

<p>CLOG-jQuery - Base class for CLOG jQuery Objects</p>

<p><a id="x-28CLOG-3ACLOG-JQUERY-20CLASS-29"></a>
<a id="CLOG:CLOG-JQUERY%20CLASS"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[class]</span> <span class="reference-object"><a href="#CLOG:CLOG-JQUERY%20CLASS" >CLOG-JQUERY</a></span></span> <span class="locative-args"><a href="#CLOG:CLOG-ELEMENT%20CLASS" title="CLOG:CLOG-ELEMENT CLASS">CLOG-ELEMENT</a></span></span></p>

<p>CLOG jQuery objects. A jQuery representa DOM queries that
can represent one or even many CLOG objects as a single element.</p></li>
</ul>

<p>CLOG-jQuery creation</p>

<p><a id="x-28CLOG-3ACREATE-JQUERY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:CREATE-JQUERY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:CREATE-JQUERY%20GENERIC-FUNCTION" >CREATE-JQUERY</a></span></span> <span class="locative-args">CLOG-OBJ JQUERY</span></span></p>

<p>Create a new <a href="#CLOG:CLOG-JQUERY%20CLASS" title="CLOG:CLOG-JQUERY CLASS"><code>CLOG-JQUERY</code></a> from <code>JQUERY</code>.
Some sample jquery selectors:
    *
    .class
    element_name
    #id
    selector1, selectorN, ...</p></li>
</ul>

<p>CLOG-jQuery methods</p>

<p><a id="x-28CLOG-3AJQUERY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JQUERY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JQUERY%20GENERIC-FUNCTION" >JQUERY</a></span></span> <span class="locative-args">CLOG-OBJ</span></span></p>

<p>Return the jQuery accessor for and <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AJQUERY-EXECUTE-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JQUERY-EXECUTE%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JQUERY-EXECUTE%20GENERIC-FUNCTION" >JQUERY-EXECUTE</a></span></span> <span class="locative-args">CLOG-OBJ METHOD</span></span></p>

<p>Execute the jQuery <code>METHOD</code> on and <code>CLOG-OBJ</code>. Result is
dicarded, returns <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3AJQUERY-QUERY-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JQUERY-QUERY%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JQUERY-QUERY%20GENERIC-FUNCTION" >JQUERY-QUERY</a></span></span> <span class="locative-args">CLOG-OBJ METHOD &amp;KEY DEFAULT-ANSWER</span></span></p>

<p>Execute the jQuery <code>METHOD</code> on ANY <code>CLOG-OBJ</code> and return
result or <code>DEFAULT-ANSWER</code> on time out.</p></li>
</ul>

<p><a id="x-28CLOG-3AJQUERY-TRIGGER-20GENERIC-FUNCTION-29"></a>
<a id="CLOG:JQUERY-TRIGGER%20GENERIC-FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[generic-function]</span> <span class="reference-object"><a href="#CLOG:JQUERY-TRIGGER%20GENERIC-FUNCTION" >JQUERY-TRIGGER</a></span></span> <span class="locative-args">CLOG-OBJ EVENT</span></span></p>

<p>Trigger <code>EVENT</code> on <code>CLOG-OBJ</code>. Result is discarded,
returns <code>CLOG-OBJ</code>.</p></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-HELPERS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-JQUERY%20MGL-PAX:SECTION" title="CLOG jQuery Objects">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-INTERNALS%20MGL-PAX:SECTION" title="CLOG Framework internals and extensions">&#8594;</a> <a href="#CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION" title="CLOG Helper Functions">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION">30 CLOG Helper Functions</a></h2>

<p>Tutorial and demo helpers</p>

<p><a id="x-28CLOG-3ACLOG-INSTALL-DIR-20FUNCTION-29"></a>
<a id="CLOG:CLOG-INSTALL-DIR%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:CLOG-INSTALL-DIR%20FUNCTION" >CLOG-INSTALL-DIR</a></span></span></span></p>

<p>Return the directory CLOG was installed in.</p></li>
</ul>

<p><a id="x-28CLOG-3AOPEN-MANUAL-20FUNCTION-29"></a>
<a id="CLOG:OPEN-MANUAL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:OPEN-MANUAL%20FUNCTION" >OPEN-MANUAL</a></span></span></span></p>

<p>Launches a browser with CLOG manual.</p></li>
</ul>

<p><a id="x-28CLOG-3ARUN-TUTORIAL-20FUNCTION-29"></a>
<a id="CLOG:RUN-TUTORIAL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:RUN-TUTORIAL%20FUNCTION" >RUN-TUTORIAL</a></span></span> <span class="locative-args">NUM</span></span></p>

<p>Run tutorial <code>NUM</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALOAD-TUTORIAL-20FUNCTION-29"></a>
<a id="CLOG:LOAD-TUTORIAL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:LOAD-TUTORIAL%20FUNCTION" >LOAD-TUTORIAL</a></span></span> <span class="locative-args">NUM</span></span></p>

<p>Load tutorial <code>NUM</code> - use (clog:run-tutorial)</p></li>
</ul>

<p><a id="x-28CLOG-3ARUN-DEMO-20FUNCTION-29"></a>
<a id="CLOG:RUN-DEMO%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:RUN-DEMO%20FUNCTION" >RUN-DEMO</a></span></span> <span class="locative-args">NUM</span></span></p>

<p>Run demo <code>NUM</code></p></li>
</ul>

<p><a id="x-28CLOG-3ALOAD-DEMO-20FUNCTION-29"></a>
<a id="CLOG:LOAD-DEMO%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:LOAD-DEMO%20FUNCTION" >LOAD-DEMO</a></span></span> <span class="locative-args">NUM</span></span></p>

<p>Load demo <code>NUM</code> - use (clog:run-demo)</p></li>
</ul>

<p><a id="x-28CLOG-3ACLOG-REPL-20FUNCTION-29"></a>
<a id="CLOG:CLOG-REPL%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:CLOG-REPL%20FUNCTION" >CLOG-REPL</a></span></span> <span class="locative-args">&amp;KEY (CLOG-GUI-INITIALIZE <code>T</code>) (CLOG-WEB-INITIALIZE <code>T</code>) (USE-CLOG-DEBUGGER <code>NIL</code>) (BOOT-FILE &quot;/debug.html&quot;) (PORT 8080)</span></span></p>

<p>Set a path /repl that opens a blank page and sets the global
clog-user:*body* to last window openned to /repl. Debug mode is
set (logging to browser console) in the default debug.html boot-file.
clog-web and clog-gui are initialized and if use-clog-debugger it set to
true it is initialized and this repl window used as default clog debug display
and debugger display for clog events.</p></li>
</ul>

<p><a id="x-28CLOG-3ASAVE-BODY-TO-FILE-20FUNCTION-29"></a>
<a id="CLOG:SAVE-BODY-TO-FILE%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:SAVE-BODY-TO-FILE%20FUNCTION" >SAVE-BODY-TO-FILE</a></span></span> <span class="locative-args">FILE-NAME &amp;KEY (BODY <code>CLOG-USER:*BODY*</code>) (IF-EXISTS <code>:ERROR</code>) IF-DOES-NOT-EXIST EXTERNAL-FORMAT</span></span></p>

<p>Save the current html of <code>BODY</code> in the current state to <code>FILE-NAME</code></p></li>
</ul>

<p>Functions for Compilation and Documentation</p>

<p><a id="x-28CLOG-3ALOAD-WORLD-20FUNCTION-29"></a>
<a id="CLOG:LOAD-WORLD%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:LOAD-WORLD%20FUNCTION" >LOAD-WORLD</a></span></span></span></p>

<p>Load source files for creating documentation</p></li>
</ul>

<p><a id="x-28CLOG-3AMAKE-MARK-DOWN-20FUNCTION-29"></a>
<a id="CLOG:MAKE-MARK-DOWN%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:MAKE-MARK-DOWN%20FUNCTION" >MAKE-MARK-DOWN</a></span></span></span></p>

<p>Create manual in Mark Down format</p></li>
</ul>

<p><a id="x-28CLOG-3AMAKE-HTML-20FUNCTION-29"></a>
<a id="CLOG:MAKE-HTML%20FUNCTION"></a></p>

<ul>
<li><p><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:MAKE-HTML%20FUNCTION" >MAKE-HTML</a></span></span></span></p>

<p>Create manual in <code>HTML</code></p></li>
</ul>

<p><a id="x-28CLOG-3AMAKE-WORLD-20FUNCTION-29"></a>
<a id="CLOG:MAKE-WORLD%20FUNCTION"></a></p>

<ul>
<li><span class=reference-bullet><span class=reference><span class="locative-type">[function]</span> <span class="reference-object"><a href="#CLOG:MAKE-WORLD%20FUNCTION" >MAKE-WORLD</a></span></span></span></li>
</ul>

<p><a id="x-28CLOG-3A-40CLOG-INTERNALS-20MGL-PAX-3ASECTION-29"></a>
<a id="CLOG:@CLOG-INTERNALS%20MGL-PAX:SECTION"></a></p>

<p><span class="outer-navigation"><span class="navigation"> <a href="#CLOG:@CLOG-HELPERS%20MGL-PAX:SECTION" title="CLOG Helper Functions">&#8592;</a> <a href="clog-manual.html" title="The CLOG manual">&#8593;</a> <a href="#CLOG:@CLOG-INTERNALS%20MGL-PAX:SECTION" title="CLOG Framework internals and extensions">&#8634;</a></span></span></p>

<h2><a href="#CLOG:@CLOG-INTERNALS%20MGL-PAX:SECTION">31 CLOG Framework internals and extensions</a></h2>

<p><em>* Introduction to Internals *</em></p>

<p>This section on internals is not intended for general use of CLOG. It is
for those looking to maint or extend CLOG, or those creating plugins.</p>

<p><em>* The Client Side and the Server Side *</em></p>

<p>All objects created in CLOG have a server side and a client side
representation, at least at the time of their creation. The server
side representation is a CLOG-obj or one of its descendants that is
returned by one of the many create-* functions. The client side
representation is the DOM element (or other JavaScript object) itself
stored in the clog array keyed by the html-id clog[html-id].</p>

<p><em>* Client Side Scripting *</em></p>

<p>Executing code on the client side is done in one of three ways:</p>

<ol>
<li><p>The connection - Using the clog-connection package execute or query</p></li>
<li><p>The DOM object - Using the clog-obj execute or query</p></li>
<li><p>The jQuery wrapper - Using the clog-obj jquery-execute or jquery-query</p></li>
</ol>

<p>Query time outs are set in clog-connect:*query-time-out* by default 3
seconds.</p>

<p><em>* Responding to new JavaScript DOM events *</em></p>

<p>If there is no data for the event just changing the name of the event is
sufficient in this example:</p>

<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defmethod</span></i> set-on-click <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">obj clog-obj</span>)</span> handler</span>)</span>
  <span class="paren2">(<span class="code">set-event obj <span class="string">"click"</span>
             <span class="paren3">(<span class="code">when handler
               <span class="paren4">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="code">data</span>)</span>
                 <span class="paren5">(<span class="code">declare <span class="paren6">(<span class="code">ignore data</span>)</span></span>)</span>
                 <span class="paren5">(<span class="code">funcall handler obj</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>

<p>If there is data for the event an additional string containing the needed
JavaScript to return the even data and a function to parse out the data.</p>

<p>Replace the event name with the correct name, parse-keyboard-even with the
parse function and the string containing the needed JavaScript replaces
keyboard-event-script:</p>

<ul>
<li>The event handlers setter</li>
</ul>

<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defmethod</span></i> set-on-key-down <span class="paren2">(<span class="code"><span class="paren3">(<span class="code">obj clog-obj</span>)</span> handler</span>)</span>
  <span class="paren2">(<span class="code">set-event obj <span class="string">"keydown"</span>
             <span class="paren3">(<span class="code">when handler
               <span class="paren4">(<span class="code"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="code">data</span>)</span>
                 <span class="paren5">(<span class="code">funcall handler obj <span class="paren6">(<span class="code">parse-keyboard-event data</span>)</span></span>)</span></span>)</span></span>)</span>
             <span class="keyword">:call-back-script</span> keyboard-event-script</span>)</span></span>)</span></span></code></pre>

<ul>
<li>The script</li>
</ul>

<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defparameter</span></i> keyboard-event-script
  <span class="string">"+ e.keyCode + ':' + e.charCode + ':' + e.altKey + ':' + e.ctrlKey + ':' +
     e.shiftKey + ':' + e.metaKey"</span></span>)</span></span></code></pre>

<ul>
<li>The event parser</li>
</ul>

<pre><code><span class="code"><span class="paren1">(<span class="code"><i><span class="symbol">defun</span></i> parse-keyboard-event <span class="paren2">(<span class="code">data</span>)</span>
  <span class="paren2">(<span class="code"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="code"><span class="paren4">(<span class="code">f <span class="paren5">(<span class="code">ppcre:split <span class="string">":"</span> data</span>)</span></span>)</span></span>)</span>
    <span class="paren3">(<span class="code">list
     <span class="keyword">:event-type</span> <span class="keyword">:keyboard</span>
     <span class="keyword">:key-code</span>   <span class="paren4">(<span class="code">parse-integer <span class="paren5">(<span class="code">nth 0 f</span>)</span> <span class="keyword">:junk-allowed</span> t</span>)</span>
     <span class="keyword">:char-code</span>  <span class="paren4">(<span class="code">parse-integer <span class="paren5">(<span class="code">nth 1 f</span>)</span> <span class="keyword">:junk-allowed</span> t</span>)</span>
     <span class="keyword">:alt-key</span>    <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 2 f</span>)</span></span>)</span>
     <span class="keyword">:ctrl-key</span>   <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 3 f</span>)</span></span>)</span>
     <span class="keyword">:shift-key</span>  <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 4 f</span>)</span></span>)</span>
     <span class="keyword">:meta-key</span>   <span class="paren4">(<span class="code">js-true-p <span class="paren5">(<span class="code">nth 5 f</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span></code></pre>
  </div>
</div>
<script>$('#page-toc').toc({'selectors': 'h1,h2,h3,h4'});</script>
</body>
</html>
